Question

如果配置如此，webpack会产生不同的结果：

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


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

VS

Invoke-Expression

哪一个更受欢迎，为什么？

Answer 1

两者都有相同的方式。选项1，webpack会在依赖关系树中将babel-polyfill视为依赖项。

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

这里没有真正的区别，也没有对结果包产生任何影响，无论如何都会包含babel-polyfill，而且没有“首选”的方式来添加它，babel本身在他们的指南中以两种方式提升。

Answer 2

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

Webpack多个文件入口包

2 个答案: