vue-cli3生产环境去掉console.log

第一步首先安装terser-webpack-plugin

cnpm install terser-webpack-plugin -D

第二步在vue.config.js文件里写插件的配置：

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

补充：上面的写法是直接修改webpack的配置，vue官方文档里说也可以返回一个将会被合并的对象，写法如下：

const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
    configureWebpack: (config) => {
        if (process.env.NODE_ENV === 'production') {
            return {
                optimization: {
                    minimizer: [
                        new TerserPlugin({
                            sourceMap: false,
                            terserOptions: {
                                compress: {
                                    drop_console: true
                                }
                            }
                        })
                    ]
                }
            }
        }
    }
};