vue2使用vue-cli脚手架搭建打包加密方法-JavaScript obfuscator

安装指定版本,不然到最后会报错

xml 复制代码
npm install webpack@4.14.0 --save-dev
xml 复制代码
npm install webpack-obfuscator@2.6.0 javascript-obfuscator@3.2.7 --save-dev

在package.json文件中可查看版本

然后再vue.config.js文件中写

xml 复制代码
const JavaScriptObfuscator = require('webpack-obfuscator');
module.exports = {
	configureWebpack: (config) => {
	    if (process.env.NODE_ENV === 'production') {
	      config.plugins.push(
	        new JavaScriptObfuscator({
	          compact: true,
	          ignoreImports: true,
	          rotateStringArray: true, // 将字符串数组旋转以混淆字符串
	          stringArrayThreshold: 0.75 // 当超过75%的字符串被混淆时,启用数组旋转
	        }, []) // 空数组表示不对特定文件进行混淆处理(可选)
	      )
	    }	    
	 }
 }

一定要写判断,不然在本地运行不起来,这样的话就正常了,其他new JavaScriptObfuscator配置可以查看其他文档

如果configureWebpack中有其他配置,可以像下面这样写。

相关推荐
光影少年1 小时前
前端开发桌面端都有哪些框架?
前端·react.js·electron
Cecilialana1 小时前
同域名、同项目、仅 hash 变化,window.location.href 不跳转
前端·javascript
Hello--_--World1 小时前
DOM事件流与事件委托、判断数据类型、深浅拷贝、对象遍历方式
前端·javascript
落魄江湖行1 小时前
进阶篇二 Nuxt4 渲染模式:SSR/SSG/CSR 怎么选
前端·vue.js·typescript·nuxt4
M宝可梦2 小时前
ReAct 与 LLM Agentic 范式:从推理到行动的完整技术科普
前端·react.js·前端框架
x-cmd2 小时前
[260416] 谷歌 Chrome 推出 Skills 功能!帮你保存、复用提示词
前端·chrome·ai·自动化·agent·x-cmd·skill
色空大师2 小时前
【Linux-安装nginx】
linux·运维·前端·nginx·部署
董董灿是个攻城狮2 小时前
封了几百万个账号的 Claude, 路走窄了
前端
Ruihong2 小时前
你的 Vue 3 TS 类型声明,VuReact 会处理成什么样的 React?
vue.js·react.js·面试
heytoo2 小时前
同一个模型,为什么结果差10倍?差的不是模型
前端·agent