修改前端发布包中的js文件

527 阅读1分钟

修改发布包中代码

需求:elmentUI---- this.$message 的提示消息设置为手动关闭。老版本的源码由于周期长找不到了,使用最新版本修改会加入不需要的内容,尝试在发布包中修改实现需求

1.前端发布包

  • Webpack 打包后的dist文件夹中的js文件,是压缩版的js文件,也是打开浏览器网页时--加载的浏览器页面对应的js文件

    1650639502(1).png

1650639868(1).png

2. 前端发布包中的js文件

1650640045(1).png

3. 在浏览器中加载的js文件

1650640214.png

4. 全局搜索---目标代码在发布包中位置

  • 在新版本中找到消息提示所在的函数

1650641116(1).png

  • 根据关键字函数名BuildMeters 以及页面其它关键词在发布包全局搜索 确定目标代码在哪个js文件

1650641711(1).png

  • 在chunk-f416df00.ceb86dc2.js文件中继续搜BuildMeters

image.png 找到目标代码

BuildMeters:function(){var e=this;this.loading3=!0,i["a"].BuildMeters().then(function(t){e.loading3=!1,0==t.code?(e.$message({message:t.msg,center:!0,type:"success"}),e.SelectList()):e.$message({message:t.msg,center:!0,type:"error"})})}

5. 修改,实现需求

给this.$message加上showClose和duration属性, showClose:true,duration:0

  • 注意 showClose:true应该和center:true保持一致 showClose:!0(true 用!0表示,false是!1)
BuildMeters:function(){var e=this;this.loading3=!0,i["a"].BuildMeters().then(function(t){e.loading3=!1,0==t.code?(e.$message({message:t.msg,center:!0,type:"success",showClose:!0,duration:0}),e.SelectList()):e.$message({message:t.msg,center:!0,type:"error",showClose:!0,duration:0})})}