Vue项目线上版本打包时去掉console输出日志

前言：在日常的项目编写中，开发过程中，我们会在js代码中会有大量console日志输出，而这些console如果不去注释掉，那么在打包部署到正式服务器上，也同样会在调试器中打印出来。
以下方法是种在打包生产环境时自动注释掉console的便捷方式

Vue2.x版本

在build下的webpack.prod.conf.js 中修改

plugins: [
        new webpack.DefinePlugin({
            'process.env': env
        }),
        new UglifyJsPlugin({
            uglifyOptions: {
                compress: {
                    warnings: false,
                    drop_console: true,
                    pure_funcs: ['console.log']
                }
            },
            sourceMap: config.build.productionSourceMap,
            parallel: true
        })
 ]

Vue 3.x版本

自建vue.config.js

module.exports = {
  lintOnSave: true,
  // 配置webpack打包
  configureWebpack: (config) => {
    // 取消console打印    
    config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
  },