...
大前端

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
php 动态小程序码生成类 js localStorage 创建、清除、获取 php微信公众号开发之扫码关注并登陆的实现方法 element el-form 二级数组多维数组的rules验证配置方法，遇到数组如何配置rules clipboard.js不依赖flash剪切板操作库