webpack编译运行了两次

问题

我的代码在编译之后运行了两次，第一次的运行有VMxxx的字段。

问题出处

模板文件中原本就注入了javascript文件，而HtmlWebpackPlugin会自动注入JavaScript文件。

解决方法

1、将inject选项设置为false

  plugins: [
    new HtmlWebpcakPlugin({
      template: "./src/index.html",
      inject: false
    })
  ]
1
2
3
4
5
6

告诉HtmlWebpackPlugin不要自动注入JavaScript文件，而是将其留给自己手动处理。这样，每次构建时，生成的JavaScript文件将不会被重复注入到HTML文件中

2、删除模板文件中的手动注入的javascript文件，让HtmlWebpcakPlugin自动注入