vue3 js代码混淆

vue3

方法一

npm i terser-webpack-plugin@4.2.3 -D

const TerserPlugin = require('terser-webpack-plugin')




configureWebpack: config => {
  if (process.env.NODE_ENV === 'production') {
    config.plugins.push(new TerserPlugin())
  }
}

npm run build:url

方法二

工具："uglifyjs-webpack-plugin": "^2.2.0"
使用：
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
...
 module.exports = {
  configureWebpack: {
    // 代码压缩
    plugins: [
      new UglifyJsPlugin({
        uglifyOptions: {
          //生产环境自动删除console
          compress: {
            drop_debugger: true,
            drop_console: true,
            pure_funcs: ['console.log']
          }
        },
        sourceMap: false,
        parallel: true
      })
    ]
  }
}