VUE.JS项目发布时自动剔除console.log

安装 babel-plugin-transform-remove-consol

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

修改 babel.config.js 文件，加入 plugin transform-remove-console

1
2
3

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

这是再运行项目就不会有console输出了，但是我们期望的是 development 环境有，production 环境没有，可以这样设置：

var babelconfig = {
  presets: ["@vue/cli-plugin-babel/preset"], //其它原有设置
  plugins: []
};
if (process.env.NODE_ENV === "production") {
  // production 环境则增加此插件
  babelconfig.plugins.push("transform-remove-console");
}

module.exports = babelconfig;

这样就可以了。