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