vue cli4 打包时自动去除所有console以及白名单

经常漏删console真的很头疼，又不得不重新打包，所以希望有一款能在打包时自动删除console的插件。

于是乎，就有了这篇文章。

安装

yarn add babel-plugin-transform-remove-console --dev

安装完毕我们开始使用

使用

打开_babel.config.js_文件，输入以下代码，没有这个文件就手动创建。

let plugins = [];
if (process.env.NODE_ENV === 'production') {
  //正式环境自动删除console
  plugins.push('transform-remove-console')
}
module.exports = {
  plugins,
}

理解还是很好理解的，就不多说了。

白名单

有时候测试，不得不console输出，所以一刀切并不可行，所以我们可以设置白名单，允许error和warn的输出。

let plugins = [];
if (process.env.NODE_ENV === 'production') {
  //正式环境自动删除console
  plugins.push(['transform-remove-console', { "exclude": ["error", "warn"] }])
}
module.exports = {
  plugins,
}

亲测有效，还阔以