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

Question

我试图将CommonChunkPlugin与一个＆＃34;额外＆＃34;仅包含webpack运行时的块以获得正确的散列（当仅应用程序文件发生更改时，这不会更改供应商散列）。官方webpack repo here中描述了这个技巧。

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

CommonsChunkPLugin配置如下：

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

并且条目如下：

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

任何提示？

Answer 1

好的，解决了。看起来像html-webpack-plugin配置提供chunksSortMode: 'dependency'解决了这个问题。所以它不是webpack的核心问题，而是有排序块的东西（默认为id sort，在这种情况下不能正确排序块，不知道为什么）