Vue-cli创建的项目如何在bulid时不压缩不混淆代码?
这是一个很奇怪的需求,但是它是真的需求。
需要npm run build:prod
编译Vue文件到dist目录中是人类认识的未被混淆的,不压缩的es5的代码,以便给他人阅读,然而Vue文件会编译成JS文件渲染成页面,
查到webpack是通过TerserPlugin
这个插件来实现代码的压缩和混淆的,目前我在vue-cli生成的项目中,对vue.config.js文件中修改如下配置,实现了JS代码不压缩配置
optimization: {
minimize: false,
minimizer: [
//minimize可以设置true,
//然后可以这里参照TerserPlugin文档修改一些更细节的配置
]
我几乎把TerserPlugin文档的每项配置都看了,能用来不混淆的配置项都修改了,然而只能是函数名,类名等可以不被混淆,但是bulid出来的代码仍然有大部分变量什么的是单字母形式混淆的。
是否babel-loader也对代码编译后进行了混淆?如何配置不混淆?
希望大神帮忙指导,bulid编译成可读的ES5不混淆不压缩是否能实现?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论