如何让webpack HtmlWebpackPlugin插件生成html插入js 的时候 按chunks 顺序插入?

我居然是你爸
  • 11

图片描述

图片描述

很明显public 明明在第二位的 最后居然排最后 。。。。。。。。。。。。。。。。。
不知道是否有人遇到这样的问题?

回复
阅读 8.4k
6 个回答

我也遇过,最后找到方法,使用chunksSortMode

    new HtmlWebpackPlugin({
        ...
        chunksSortMode: function (chunk1, chunk2) {
            var order = ['common', 'public', 'index'];
            var order1 = order.indexOf(chunk1.names[0]);
            var order2 = order.indexOf(chunk2.names[0]);
            return order1 - order2;  
        }
    })
new HtmlWebpackPlugin({
    ...
    chunksSortMode: 'manual'
})

我觉得这才是最优方案,因为你只是想手动排序而已对吧,我恰好也遇到了这个问题

可以使用 chunksSortMode: "manual"

In webpack 4 that was changed - so the order is not important anymore

chunksSortMode:"manual", // 手动排序

可以使用 chunksSortMode: "manual"

new HtmlWebpackPlugin({
  //Other options...
  chunks: ['common', 'public', 'index'],
  chunksSortMode: 'manual'
}),
宣传栏