Vue 项目上线时如何去掉代码中的console 打印信息

一、安装插件 babel-plugin-transform-remove-console

命令：npm install babel-plugin-transform-remove-console --save

二、修改项目根目录下babel.config.js

                                        babel.config.js 修改前 

     babel.config.js 修改后：

const plugins = []

if(process.env.NODE_ENV === 'production') {
    plugins.push(["transform-remove-console",{"exclude":["error","warn"]}])
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    '@vue/app'
  ],
  plugins
}

三、打包项目

     执行：npm run build 

     将打包好的项目部署到生成环境中，在控制台测试，即可看见所有console.log()打印信息都已经全被清除。