...
大前端

vue webpack 编译混淆代码,你发布的程序可能完全暴露了。

今天才发现使用vue build后在浏览器的sources下竟然可以看到完整的vue目录和原始代码,真的是惊呆了。。。

说说怎么配置vue.config.js让你的代码混淆加密一下子

使用webpack-obfuscator

1.安装

npm install webpack-obfuscator --save-dev

2.配置vue.config

const WebpackObfuscator = require('webpack-obfuscator');

module.exports = defineConfig({
  // ...
  productionSourceMap: false, // 禁用 Source Map
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      // 在生产环境启用代码混淆
      config.plugins.push(
        new WebpackObfuscator(
          {
            rotateStringArray: true,
          },
          ['*.js'] // 仅混淆指定文件
        )
      )
    }
  }
})

这样build后代码就被混淆且目录结构也没有了

thinkphp tp6 EXP表达式 的几种写法 is null not null数组条件的写法 使用chrome调试手机微信内置浏览器
biu biu biu
JS - 实现XML与JSON数据的相互转换(使用xml2json.js) 分享一个抠图库,开源神器还能批量抠,效果拔群! 分享一个赛维尔曲线参数在线生产网站.CSS动画过渡神器 【干货分享】SQL 语法速成手册 QQ音乐 qmc* | mgg | mflac 格式转换 ogg mp3 免费