带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误答案

【问题标题】：Webpack with CommonsChunkPlugin results with wrong bundle order in html file带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误
【发布时间】：2016-08-16 05:33:55
【问题描述】：

我正在尝试将 CommonChunkPlugin 与一个仅包含 webpack 运行时的“额外”块一起使用，以获得正确的散列（当只有应用程序文件发生更改时，这不会更改供应商散列）。这个技巧在官方 webpack repo here 中有描述。

这本身工作正常，块散列是正确的，但问题是我生成的 HTML 文件的包顺序错误：manifest、app 和 vendor*，而它应该是 清单、供应商、应用程序。

CommonsChunkPLugin 配置如下：

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

条目如下：

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

有什么建议吗？

【问题讨论】：

标签： javascript webpack

【解决方案1】：

好的，解决了。看起来向 html-webpack-plugin 配置提供 chunksSortMode: 'dependency' 可以解决这个问题。所以这不是 webpack 核心问题，而是对块进行排序的问题（在这种情况下，默认按 id 排序不会正确地对块进行排序，尚不知道为什么）

【讨论】：