vue 生产环境中项目打包bulid 移除 console.log 【babel-plugin-transform-remove-console】

github地址
安装babel-plugin-transform-remove-console 项目打包去除console

npm install babel-plugin-transform-remove-console --save-dev

在vue项目中babel.config.js中：

module.exports = {
  plugins: [
    "transform-remove-console",
  ],
}

如果只想在生产环境来去除console的话
建立一个生产环境配置数组来判断一下当前环境是否为生产环境，

是生产环境的话就放入transform-remove-console

在 serve 执行中 会输出 $ vue-cli-service serve --mode development--dashboard
在 bulid 执行中 会输出 $ vue-cli-service build --mode production --target app --no-module --dashboard
区分 development 和 production

// 创建生产环境中的plugins数组  发布阶段需要用到的 Babel插件
const prodPlugins = [];
// 判断当前环境是否为生产环境 如果是生产环境把transform-remove-console放入数组中
if (process.env.NODE_ENC === "production") {
  prodPlugins.push("transform-remove-console");
}
 
module.exports = {
  plugins: [
    // 生产环境下plugins 扩展运算符把数组展开
    ...prodPlugins,
  ],
};