在Vue CLI 3中进行代码混淆,可以通过在vue.config.js文件中添加或修改Webpack配置来实现。代码混淆的主要目的是增加代码的可读性难度,防止代码被轻易逆向工程。以下是Vue CLI 3中进行代码混淆的步骤: 1. 安装混淆插件 Vue CLI 3中,常用的代码混淆插件有webpack-obfuscator。首先,你需要安装这个插件:
constobfuscationResult =JavaScriptObfuscator.obfuscate(it.content, {/** 这些都是配置 */compact:false,controlFlowFlattening:true,controlFlowFlatteningThreshold:1,numbersToExpressions:true,simplify:true,stringArrayShuffle:true,splitStrings:true,stringArrayThreshold:1}) fs.writeFile(buildDir + it.fileName, o...
npm install --save-dev javascript-obfuscator webpack-obfuscator 1. 查看webpack应安装版本查看网站 https:///javascript-obfuscator/webpack-obfuscator/tags 查看方式 webpack-obfuscator git官网的tags的package.json上进行详细查看; 文件配置配置项webpack.config.js // webpack.config.js const JavaScriptObfuscato...
I'm not quite sure how to structure this issue, so here it goes. I created a Vue 3 project with webpack and typescript, then modified the vue.config.js file and tested some options. I'm not sure if there is a function name or a file I'm ...
也有一些贡献者制作了webpack、rollup(vite)的插件,但使用的人不多,主要还是依据自己的项目工程灵活使用 本仓库提供了一个较为简单的在vue3(vite)中工程上的实现,参见obfuscator.js 要注意的问题 JS混淆后会对体积和内存占用产生一定的影响 以下是本示例工程的情况...
"webpack-obfuscator": "^3.5.1" "unplugin-auto-import": "^0.18.2", "vite": "^5.4.3", "terser": "^5.31.6" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/strongly-recommended", "plugin:vue/vue3-strongly-recommended", "eslint:reco...
使用rollup插件:如果你使用的是Rollup作为Vite的打包工具,你可以尝试使用rollup-plugin-obfuscator等插件来混淆你的代码,以防止敏感信息泄露。这些插件可以对生成的代码进行混淆和重命名,以减少可读性并防止潜在的信息泄露。 // vite.config.js import obfuscator from 'rollup-plugin-obfuscator'; export default { build...
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现 背景 公司代码提供给第三方使用,为了不完全泄露源码,需要对给出的代码进行加密混淆,前端代码虽然无法做到完全加密混淆,但是通过使用 webpack-obfuscator 通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆,达到无法恢复源码甚至无法阅读的目的。 安装 ...
"javascript-obfuscator": "^4.1.1", "vite": "^5.3.4", "vite": "^5.3.5", "vite-plugin-dts": "^3.9.1", "vitest": "^2.0.3" "vitest": "^2.0.4" } } 2 changes: 1 addition & 1 deletion 2 common/storybook/package.json Show comments View file Edit file Delete file This ...
35 - "webpack": "^5.93.0", 36 - "webpack-obfuscator": "^3.5.1" 32 + "unplugin-auto-import": "^0.18.2", 33 + "vite": "^5.4.3", 34 + "terser": "^5.31.6" 37 35 }, 38 36 "eslintConfig": { 39 37 "root": true, 40 38 "env": { 41 39 "node": ...