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 polyfill视为依赖项。

第二个，webpack将babel-polyfill polyfill作为入口点，它将尝试从中生成一个依赖关系图，该关系图将具有0个依赖关系。

这里没有真正的区别，也没有对结果包产生任何影响，无论如何都将包含babel-polyfill，也没有添加“首选”方法，babel本身在其指南中倾向于这两种方法。

Answer 2

结果将是相同的。 这取决于您，通常我更喜欢在模块中导入依赖项，而不是在webpack配置中隐式导入。