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自动注入

相关推荐
zhanshuo7 分钟前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html
火柴盒zhang8 分钟前
websheet在线电子表格(spreadsheet)在集团型企业财务报表中的应用
前端·html·报表·合并·spreadsheet·websheet·集团财务
khalil10 分钟前
基于 Vue3实现一款简历生成工具
前端·vue.js
拾光拾趣录16 分钟前
浏览器对队头阻塞问题的深度优化策略
前端·浏览器
用户81221993672217 分钟前
[已完结]后端开发必备高阶技能--自研企业级网关组件(Netty+Nacos+Disruptor)
前端
万少21 分钟前
2025中了 聊一聊程序员为什么都要做自己的产品
前端·harmonyos
abigale032 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者3 小时前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle
Joker`s smile3 小时前
Chrome安装老版本、不同版本,自制便携版本用于前端调试
前端·chrome
weixin_416639973 小时前
爬虫工程师Chrome开发者工具简单介绍
前端·chrome·爬虫