...
大前端

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
把废旧的电视机顶盒华为悦盒ec6108v9刷成Ubuntu系统做家用NAS php date 参数详解 一个小时学会Git 20 张图表达程序员的心酸...... 雨霖铃·寒蝉凄切