vue打包干掉console.log控制台

604 阅读1分钟
  1. cnpm i terser-webpack-plugin -D

必须安装搭配自己版本的,我使用的是vue-admin-element框架 用的4.1版本

  1. 在vue.config.js引入

定义变量

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

3.在vue.config.js的module.exports种加载插件

在chainWebpack引入

config.optimization.minimizer([new TerserPlugin({
      terserOptions: {
          mangle: true, // 混淆,默认也是开的,mangle也是可以配置很多选项的,具体看后面的链接
          compress: {
              drop_console: true,//传true就是干掉所有的console.*这些函数的调用.
              drop_debugger: true, //干掉那些debugger;
              pure_funcs: ['console.log'] // 如果你要干掉特定的函数比如console.info ,又想删掉后保留其参数中的副作用,那用pure_funcs来处理
          }
      }
  })])