使用CommonsChunkPlugin的Webpack在html文件中导致错误的捆绑顺序

Question

我正在尝试将CommonChunkPlugin与一个仅包含webpack运行时的"额外"块一起使用以获得正确的散列(当仅应用程序文件发生更改时,这不会更改供应商散列).诀窍是在官方的WebPack回购描述这里.

这本身工作正常,块哈希是正确的,但问题是我生成的HTML文件包含错误的顺序:清单,应用程序,然后是供应商*,而它应该是清单,供应商,应用程序.

CommonsChunkPLugin配置如下:

new webpack.optimize.CommonsChunkPlugin({
  names: ['vendor', 'manifest']
}),

和条目如下:

entry: {
  app: './index.js',
  vendor: ['foo', 'bar', 'baz']
}

有小费吗？

Answer 1

好的,解决了.看起来提供chunksSortMode: 'dependency'给html-webpack-plugin配置解决了这个问题.所以它不是webpack核心问题,但是有一些排序块(默认为id sort,在这种情况下不能正确排序块,不知道为什么)