1. 报错场景
安装 webpack-obfuscator 后,进行 js 代码混淆编译的时候报错。
2. 报错截图

3. 错误原因
通常是由于版本不兼容或配置错误引起的。
4. 查询本地 webpack 版本
4.1 查询命令
-
npm 查询
npm view webpack version
-
yarn 查询
yarn info webpack version
4.2 查询结果

5. 查找 webpack 版本对应的 webpack-obfuscator
5.1 webpack3.4.1 的安装方式
npm install --save-dev javascript-obfuscator@0.10.0 webpack-obfuscator@0.10.0
5.2 webpack4 的安装方式
npm install --save-dev javascript-obfuscator webpack-obfuscator@2.6
5.3 webpack5 的安装方式
npm install --save-dev javascript-obfuscator webpack-obfuscator
6. 查看 webpack 对应 webpack-obfuscator 安装版本
6.1 查询地址
https://github.com/javascript-obfuscator/webpack-obfuscator
6.2 查看 package.json 文件

6.3 查看最新版本对应的版本号

6.3 切换版本号

6.4 实例 2.6.0 版本对应版本查询
