多个Webpack条目和chunkFilename

Question

如何在Webpack配置的[name]键内使用chunkFilename占位符？

我正在使用这样的多个条目：

entry: {
  path1: "file1.js",
  path2: "file2.js"
},
output: {
  path: "/dist/bundle",
  publicPath: "/dist/",
  filename: "[name].js",
  chunkFilename: "[name]/[id].[chunkhash].chunk.js"
}

我希望chunkFilename会出现在path1/id.chunkhash.chunk.js和path2/id.chunkhash.chunk.js下（因为名称将是输入对象的键）。但是，它的作用是将名称和ID都替换为0。

我该如何解决？

Answer 1

默认情况下，除非您将webpackChunkName添加到导入中，否则Webpack异步块没有名称，即import(/*webpackChunkName: "test123"*/ './test.js')。

如果不手动执行此操作，则每个异步块的默认“名称”是id，该ID与[id]相同。这就是为什么它发生的原因。