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

Question

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

Answer 1

我也遇过，最后找到方法，使用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;  
        }
    })

Answer 2

new HtmlWebpackPlugin({
    ...
    chunksSortMode: 'manual'
})

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

Answer 3

可以使用 chunksSortMode: "manual"

Answer 4

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

Answer 5

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

Answer 6

可以使用 chunksSortMode: "manual"

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