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配置中隐式导入。