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

标签 javascript webpack

我正在尝试将 CommonChunkPlugin 与一个仅包含 webpack 运行时的“额外” block 一起使用,以获得正确的散列(当只有应用程序文件发生变化时,这不会更改 vendor 散列)。官方 webpack repo 中描述了这个技巧 here .

这本身工作正常, block 哈希是正确的,但问题是我生成的 HTML 文件包含顺序错误的包: list 、应用程序和 vendor *,而它应该是 list 、 vendor 、应用

CommonsChunkPLugin配置如下:

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

条目如下:

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

有什么建议吗?

最佳答案

好的,解决了。看起来向 html-webpack-plugin 配置提供 chunksSortMode: 'dependency' 可以解决这个问题。所以这不是 webpack 核心问题,而是排序 block 的问题(在这种情况下,默认的 id sort 不能正确排序 block ,还不确定为什么)

关于javascript - 带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36796319/

相关文章:

javascript - 与API通信时如何修复404错误

javascript - 加载页面时检查输入文本值

javascript - Jquery 'html' 函数没有 jQuery 的 Vanilla JS

javascript - Knockout.js:自定义绑定(bind)中的数组参数

javascript - 代码拆分如何与导入/导出、babel 和 webpack 一起使用?

javascript - React - webpack 导出

jquery - Webpack、jQuery 和加载 qTip2

css - 使用 BEM 方法和较小的文件大小

javascript - 使用 Webpack 包含 HTML 部分

javascript - 停止在 JavaScript 中触发 onfocus 事件