webpack将js混淆代码

最新推荐文章于 2024-07-26 18:04:49 发布

new code Boy

最新推荐文章于 2024-07-26 18:04:49 发布

阅读量1.2k

点赞数

文章标签： webpack javascript 前端

本文链接：https://blog.csdn.net/qq_46344419/article/details/126189322

版权

1.创建文件夹webpack
2.安装webpack  npm install webpack webpack-cli -g
3.初始化项目 npm init -y 生成package.json
4.安装本地依赖 npm install webpack webpack-cli --save-dev
5.安装混淆代码插件 npm install webpack-obfuscator
6.配置webpack.config.js
7. npm run build

package.json
 {
   "scripts" : {
     "build" : "webpack --config webpack.config.js" 
   },
    "devDependencies" : {
       "webpack-cli" : '^4.10.0'
       "webpack-obfuscator" : '^3.5.1'
   }
 }

webpack.config.js
 const path = require('path')
 const javaScriptObfuscator = require('webpack-obfuscator')
 module.exports = {
  entry: '' // 引入的文件
  output: {
   path: path.resolve(__dirname, 'dist'),
   filename: '' // 输出的文件
  }，
  plugins: [
    new javaScriptObfuscator({ 
        rotateUnicodeArray: true
    }, [])
  ],
  mode: 'development'
 }