npm install webpack-obfuscator@2.6.0 javascript-obfuscator@3.2.7 --save-dev
# 或者
yarn add webpack-obfuscator@2.6.0 javascript-obfuscator@3.2.7 --dev

const path = require("path");

const TerserPlugin = require("terser-webpack-plugin");

const WebpackObfuscator = require('webpack-obfuscator');

module.exports = {
  configureWebpack: (config) => {
      config.resolve = {
        ...config.resolve,
        alias: {
          "@": resolve("src"),
        }
      },
      config.optimization = {
        ...config.minimizer,
        minimizer: [
          new TerserPlugin({
            terserOptions: {
              compress: {
                drop_console: true,
              },
            },
          }),
        ]
      }

    if (process.env.NODE_ENV === 'production') {
      config.plugins.push(
        new WebpackObfuscator({
          // 壓縮代碼
          compact: true,
          // 是否啟用控制流扁平化(降低1.5倍的運行速度)
          controlFlowFlattening: false,
          // 隨機的死代碼塊(增加了混淆代碼的大小)
          deadCodeInjection: false,
          // 此選項幾乎不可能使用開發(fā)者工具的控制臺選項卡
          debugProtection: false,
          // 如果選中，則會在“控制臺”選項卡上使用間隔強制調試模式，從而更難使用“開發(fā)人員工具”的其他功能。
          debugProtectionInterval: false,
          // 通過用空函數(shù)替換它們來禁用console.log，console.info，console.error和console.warn。這使得調試器的使用更加困難。
          disableConsoleOutput: true,
          // 標識符的混淆方式 hexadecimal(十六進制) mangled(短標識符)
          identifierNamesGenerator: 'hexadecimal',
          log: false,
          // 是否啟用全局變量和函數(shù)名稱的混淆
          renameGlobals: false,
          // 通過固定和隨機（在代碼混淆時生成）的位置移動數(shù)組。這使得將刪除的字符串的順序與其原始位置相匹配變得更加困難。如果原始源代碼不小，建議使用此選項，因為輔助函數(shù)可以引起注意。
          rotateStringArray: true,
          // 混淆后的代碼,不能使用代碼美化,同時需要配置 cpmpat:true;
          selfDefending: true,
          // 刪除字符串文字并將它們放在一個特殊的數(shù)組中
          stringArray: true,
          rotateUnicodeArray: true,
          //  stringArrayEncoding: 'base64',
          stringArrayEncoding: ['base64'],
          stringArrayThreshold: 0.75,
          // 允許啟用/禁用字符串轉換為unicode轉義序列。Unicode轉義序列大大增加了代碼大小，并且可以輕松地將字符串恢復為原始視圖。建議僅對小型源代碼啟用此選項。
          unicodeEscapeSequence: false,
          // 允許啟用/禁用字符串轉換為unicode轉義序列。Unicode轉義序列大大增加了代碼大小，并且可以輕松地將字符串恢復為原始視圖。建議僅對小型源代碼啟用此選項。
          transformObjectKeys: true,

		  // 排除選項
      	  exclude: [/node_modules/, /\.min\.js$/]
        })
      )
    }
  },
}

module.exports = {
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      config.plugins.push(
        new WebpackObfuscator({
          // 壓縮代碼
          compact: true,
          // 是否啟用控制流扁平化(降低1.5倍的運行速度)
          controlFlowFlattening: false,
          // 隨機的死代碼塊(增加了混淆代碼的大小)
          deadCodeInjection: false,
          // 此選項幾乎不可能使用開發(fā)者工具的控制臺選項卡
          debugProtection: false,
          // 如果選中，則會在“控制臺”選項卡上使用間隔強制調試模式，從而更難使用“開發(fā)人員工具”的其他功能。
          debugProtectionInterval: false,
          // 通過用空函數(shù)替換它們來禁用console.log，console.info，console.error和console.warn。這使得調試器的使用更加困難。
          disableConsoleOutput: true,
          // 標識符的混淆方式 hexadecimal(十六進制) mangled(短標識符)
          identifierNamesGenerator: 'hexadecimal',
          log: false,
          // 是否啟用全局變量和函數(shù)名稱的混淆
          renameGlobals: false,
          // 通過固定和隨機（在代碼混淆時生成）的位置移動數(shù)組。這使得將刪除的字符串的順序與其原始位置相匹配變得更加困難。如果原始源代碼不小，建議使用此選項，因為輔助函數(shù)可以引起注意。
          rotateStringArray: true,
          // 混淆后的代碼,不能使用代碼美化,同時需要配置 cpmpat:true;
          selfDefending: true,
          // 刪除字符串文字并將它們放在一個特殊的數(shù)組中
          stringArray: true,
          rotateUnicodeArray: true,
          //  stringArrayEncoding: 'base64',
          stringArrayEncoding: ['base64'],
          stringArrayThreshold: 0.75,
          // 允許啟用/禁用字符串轉換為unicode轉義序列。Unicode轉義序列大大增加了代碼大小，并且可以輕松地將字符串恢復為原始視圖。建議僅對小型源代碼啟用此選項。
          unicodeEscapeSequence: false,
          // 允許啟用/禁用字符串轉換為unicode轉義序列。Unicode轉義序列大大增加了代碼大小，并且可以輕松地將字符串恢復為原始視圖。建議僅對小型源代碼啟用此選項。
          transformObjectKeys: true,
        })
      )
    }
  },
}