Vue-cli创建的项目如何在bulid时不压缩不混淆代码?

发布于 2022-09-12 01:30:01 字数 577 浏览 11 评论 0

这是一个很奇怪的需求,但是它是真的需求。

需要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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文