new HtmlWebpackPlugin自动引入文件顺序问题

Question

new HtmlWebpackPlugin({
 title:'登录',
    filename: 'login',
    template: './public/index.html',
    chunks: ['commom','login']

}),

用这个生成HTML文件时，自动引入的js文件commom公共模块总是在后面，对应的login.js文件在后面，这个是怎么回事儿？

Answer 1

改成这样的，多添加一个属性即可

new HtmlWebpackPlugin({
  filename: "login",
  template: "./public/index.html", // 模板文件
  chunks: ["common", "login"], // 选择使用哪些生成的文件
  chunksSortMode: "manual" // manual根据chunks的位置手动排序
})

重点是这个：chunksSortMode