首页 > 其他分享 >webpack5 中使用iframe 复用导航栏时js代码多次编译问题

webpack5 中使用iframe 复用导航栏时js代码多次编译问题

时间:2022-08-30 14:24:13浏览次数:57  
标签:文件 webpack5 代码 多次 js webpack iframe

作为webpack萌新,在使用webpack时,偶然发现热更新了多次,最开始以为是配置问题,网上找了很久都没有答案,无意看见一个一个帖子说多引用了一遍js文件,于是我我回去找代码看是不是也存在js多次引入问题,但是并没有

于是我在js文件中console了一个代码,打印了三次,看来确实js多次编译了

 

但是找了很久确实不知道问题出在哪,就快摆烂的时候,无意间点开了iframe

 

 知道问题在哪了,但是我还是不知道怎么解决...,HTML文件中禁用js,那不引入不就行了,但是这是webpack打包HTML文件时自动注入的,怎么办

这就要说到 html-webpack-plugin中的一个属性

excludeChunks:用来配置不允许注入的chunk,也就是js文件,我这边用到的时单入口,只需要在代码中加,多入口文件个人觉得大同小异。

 

 现在再回来看看iframe

 

 完美解决

 

标签:文件,webpack5,代码,多次,js,webpack,iframe
From: https://www.cnblogs.com/cstd/p/16639139.html

相关文章

  • js之深拷贝与浅拷贝
    一、深拷贝与浅拷贝什么是深拷贝深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象(新旧对象不共享同一块内存),且修改新对象不会影响......
  • 关于vue.js:vue使用sass中deep报错
    转自:https://lequ7.com/guan-yu-vuejsvue-shi-yong-sass-zhong-deep-bao-cuo.html之前装了一个vue3.0的环境,结果搬砖的时候发现vue2.0的项目跑不了了然后照着网上说......
  • 将获取的['json字段'] 转为csv 文件 - 数据转格式化处理
    用到的函数:1、eval():eval()函数常被称为评估函数,它的功能是去掉参数最外侧引号,变成python可执行的语句,并执行语句的函数。2、isinstance():isinstance()函数来判断一......
  • MySQL中JSON使用
    在使用数据库存储数据时,经常会用到json方式;比如产品的各种属性,这时候又不能确定每一样产品有多少属性,因此直接存json可以避免扩展数据库字段,使之更为灵活.MySQL自5.......
  • JS 串口 16进制数据累加和取低位
    JS串口16进制数据累加和取低位,16进制字符串所有字节加起来,再取余functioncheckEnd(str){letitotal=0,len=str.length,num=0;while(num<le......
  • js实现层序遍历
    /***Definitionforabinarytreenode.*functionTreeNode(val,left,right){*this.val=(val===undefined?0:val)*this.left=(left===un......
  • JS 多个 if 判断丝滑
    多个if判断,看着很乱,使用优雅的代码实现一个判断if(fruit=='apple'){console.log('red');}俩个判断if(fruit=='apple'||fruit=='strawberry')......
  • js 实现二叉树中序遍历
    varinorderTraversal=function(root){//迭代if(!root){return[];}letres=[];letstack=[];while(stack.length>......
  • js Linked List Generator All In One
    jsLinkedListGeneratorAllInOnejs链表生成器classListNode{constructor(val,next){this.val=(val===undefined?0:val)this.next=(nex......
  • js 实现解析和构造Url参数
    //解析获取的url中的参数为对象functionparseQueryString(url){if(!url){return{};}constqsArr=decodeURIComponent(url).split("?"......