vue-cli -- build時自動清除console

一、第一種方法

1. 安裝 babel-plugin-transform-remove-console
2. 修改 babel.config.js 文件

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
              }
            }
          })
        ]
      }
  }
}