前端代码混淆webpack-obfuscator插件使用问题

项目场景:

使用打包后代码混淆(当时使用的webpack-obfuscator插件),使用Jekins清除工作空间后,重新install报错,

问题描述

第一个问题:vue和vue-template-compiler版本不一致

解决方式:将vue到与vue-template-compiler更新为一致的版本
在这里插入图片描述

第二个问题:重新下载的webpack-obfuscator@0.18.8

分析是webpack-obfuscator编译后产生了es6语法声明变量的关键字const ,浏览器不支持
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ade2af2386c048c4a1553b08d3098989.png在这里插入图片描述

注意:使用webpack-obfuscator的坑

(1)webpack-obfuscator版本与项目中webpack版本冲突
(2)webpack-obfuscator版本不同配置 new JavaScriptObfuscator的参数也不同,如果不匹配也会报各种各样的错
(3)webpack-obfuscator编译后项目过大导致内存泄漏打包时报javaScript heap out of memory错误
(4)压缩打包后代码,webpack-obfuscator与compression-webpack-plugin版本冲突(目前测试稳定使用的版本为webpack-obfuscator@2.6.0 compression-webpack-plugin@4.0.1)
(5)compression-webpack-plugin版本不同配置的写法也不同
否则报错 Cannot read property ‘sourceAndMap’ of undefined
(6)使用compression-webpack-plugin配置删除源文件就会报错
在这里插入图片描述
(7)如果删除源文件 还匹配了对html 压缩就会没有页面更新失败
在这里插入图片描述

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值