在Vue项目开发过程中，我们通常需要通过console来输出日志信息，协助我们进行代码调试，但是对于线上发布时，不能输出日志。可以通过vue.config.js配置在打包时统一删除console日志。

方法1： 如果需要根据打包环境来判断是否需要删除：

// vue.config.js
module.exports = {
...
configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  },
}

方法2： 通过配置configureWebpack的方式

// vue.config.js
const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
...
configureWebpack: {
   optimization: {
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            compress: {
              drop_console: true,
            }
          }
        })
      ]
    },
  },
}

TerserPlugin 插件不需要install可以直接使用，因为Vue-cli也在使用。

有些使用的UglifyJsPlugin插件，可能会出现兼容性问题，推荐使用TerserPlugin。