webpack 添加从延迟加载条目到主条目的导入

Question

我正在使用 webpack (v3.5.6) 构建（捆绑和编译）Web 应用程序。在我们的主条目中，我们（尝试）延迟加载另一个条目文件，使用以下语法：

import(/* webpackChunkName: 'charts' */ './charts').then((module) => { /* do something with module */});

定义了这些条目：

entry: {
    'charts' : [`src/charts.ts`],
    'main' : [`src/main.ts`]
},

当 webpack 执行它的操作时，它会生成两个条目，但主条目还包含 charts 条目（加上它的所有导入）。

在webpack配置中，我定义了：

new webpack.optimize.CommonsChunkPlugin({
    names: ['charts'],
    minChunks: Infinity,
    async: true
})

有人知道为什么 main.js 输出还包含图表包吗？

Answer 1

事实证明，这不是由 webpack 引起的，而是我们的 Typescript 配置将 module 设置为 commonjs 而不是 es2015 或 amd 的方式。

webpack adding imports from lazy loaded entry to main entry