webpack编译运行了两次

问题

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

问题出处

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

解决方法

1、将inject选项设置为false

javascript 复制代码
  plugins: [
    new HtmlWebpcakPlugin({
      template: "./src/index.html",
      inject: false
    })
  ]

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

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

相关推荐
yngsqq14 分钟前
netdxf—— CAD c#二次开发之(netDxf 处理 DXF 文件)
java·前端·c#
mrsk16 分钟前
🧙‍♂️ CSS中的结界术:BFC如何拯救你的布局混乱?
前端·css·面试
jonssonyan18 分钟前
我自建服务器部署了 Next.js 全栈项目
前端
A了LONE22 分钟前
h5的底部导航栏模板
java·前端·javascript
专注VB编程开发20年23 分钟前
各版本操作系统对.NET支持情况(250707更新)
开发语言·前端·ide·vscode·.net
Zsnoin能34 分钟前
AI + TailwindCSS快速搭建一个属于自己的TailwindCSS学习网站
前端·css
五号厂房34 分钟前
聊一聊Javascript 中 hasOwnProperty和in操作之间的区别
前端
摆烂为不摆烂39 分钟前
😁深入JS(六): 一文让你完全理解浏览器进程与线程
前端·javascript
qiyue7739 分钟前
Cursor 深度使用指南(二) - 新能力使用教程
前端·ai编程·cursor
伟笑1 小时前
React 的常用钩子函数在Vue中是如何设计体现出来的。
前端·react.js