vue-cli -- build时自动清除console.log输出日志（Vue项目上线优化 一）

常用第一种方法

一、第一种方法

1、安装 babel-plugin-transform-remove-console

npm install babel-plugin-transform-remove-console --save-dev

2、修改 babel.config.js 文件

// //项目发布阶段需要用到的babel插件
let transformRemoveConsolePlugin = []
// //判断是开发还是发布阶段
if (process.env.NODE_ENV === 'production') {
  transformRemoveConsolePlugin = ['transform-remove-console']
}

module.exports = {
  plugins: [
    ...transformRemoveConsolePlugin
  ]
}

二、第二种方法

1.安装 terser-webpack-plugin

2.修改 babel.config.js 文件

const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
  configureWebpack: config => {
    config
      .optimization = {
        minimizer: [
          new TerserPlugin({
            terserOptions: {
              compress: {
                drop_console: true
              }
            }
          })
        ]
      }
  }
}