vuecli4清除生产环境的console

562 阅读1分钟
  1. 安装 terser-webpack-plugin 插件
npm install terser-webpack-plugin --save-dev
  1. 利用 chainWebpack 链式调用
// vue.config.js
module.exports = {
   chainWebpack(config) {
    config
      .when(process.env.NODE_ENV !== 'development', config => {
        config.optimization
          .minimizer('terser')
          .tap(options => {
            options[0].terserOptions.compress.drop_console = true
            return options
          })
      })
  },
}