今天才发现使用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后代码就被混淆且目录结构也没有了