方法一：使用插件 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 = true
      return args
    })
}

如图：