Webpack несколько файлов ввода

Question

Будет ли webpack давать разные результаты при такой конфигурации:

// webpack.config.js
module.exports = {
    ...
    entry: {
        main: ['./index.js'],
    }
}


// index.js
import 'babel-polyfill'
...

против

// webpack.config.js
module.exports = {
    ...
    entry: {
        main: ['babel-polyfill', './index.js'],
    }
}


// index.js
// babel-polyfill import removed
...

Какой из них предпочтительнее и почему?

Answer 1

Оба варианта работают одинаково.Опция 1, webpack, будет обрабатывать babel-polyfill как зависимость в дереве зависимостей.

Второй, webpack, будет обрабатывать babel-polyfill как точку входа, где он будет пытаться сгенерировать граф зависимостей из того, который будет иметь 0 зависимостей.

Здесь нет реальной разницы, и никакое влияние на пакет результатов, оба будут содержать babel-polyfill в любом случае, и также нет никакого «предпочтительного» способа добавить это, сам babel ссылается на оба пути в своем руководстве.

Answer 2

Результат будет таким же.Это зависит от вас, обычно я предпочитаю импортировать зависимости в модулях, а не имплицитно импортировать их в конфигурации webpack.