vue vue.config.js webpack 加密混淆代码

一、下载加密插件 webpack-obfuscator

npm install --save-dev webpack-obfuscator

Vue CLI 本身依赖于 Webpack 进行构建和打包。不需要单独安装 Webpack

二、配置vue.config.js

const { defineConfig } = require('@vue/cli-service')
const WebpackObfuscator = require('webpack-obfuscator')module.exports = defineConfig({publicPath: './',transpileDependencies: true,configureWebpack: (config) => {if (process.env.NODE_ENV === 'production') {config.plugins.push(new WebpackObfuscator({rotateStringArray: true, // 旋转字符串数组stringArray: true, // 使用字符串数组stringArrayEncoding: ['rc4'], // 字符串数组编码（rc4 是一个强加密算法）stringArrayThreshold: 0.75, // 混淆代码中的字符串百分比deadCodeInjection: true, // 注入死代码deadCodeInjectionThreshold: 0.4, // 死代码注入比例unicodeEscapeSequence: false, // 使用Unicode转义序列debugProtection: true, // 防止浏览器的开发者工具调试disableConsoleOutput: true, // 禁用 console.log、console.info 等输出},[] // 需要排除混淆的文件))}},
})

这样差不多够用了

三、完