方法一：使用插件 babel-plugin-transform-remove-console

1. npm install babel-plugin-transform-remove-console --save-dev  安装插件
2. 生产环境：在项目的babel.config.js的plugin中添加节点。
    

   let transformRemoveConsolePlugin = [];if (process.env.NODE_ENV === 'production') {transformRemoveConsolePlugin = ['transform-remove-console']};

 

方法二：配置vue.config.js 文件 

只需要简单几句代码，即可完成

chainWebpack(config){config.optimization.minimizer('terser').tap((args) => {args[0].terserOptions.compress.drop_console = truereturn args})
}

如图：