带有 CommonsChunkPlugin 的 Webpack 会导致 html 文件中的捆绑顺序错误

Webpack with CommonsChunkPlugin results with wrong bundle order in html file

本文关键字：顺序 错误 文件 Webpack CommonsChunkPlugin 带有 html      更新时间：2023-09-26

我正在尝试将 CommonChunkPlugin 与一个仅包含 webpack 运行时的"额外"块一起使用以获得正确的哈希（当只有应用程序文件更改时，这不会更改供应商哈希）。这个技巧在官方的 webpack 存储库中进行了描述。

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

CommonsChunkPLugin的配置如下：

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

条目如下： 

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

有什么提示吗？

好的，解决了。看起来提供chunksSortMode: 'dependency' html-webpack-plugin config 可以解决这个问题。所以这不是 webpack 核心问题，而是对块进行排序的东西（在这种情况下，默认情况下 id sort 无法正确排序块，还不知道为什么）

相关文章：