木灵鱼儿

木灵鱼儿

阅读:537

最后更新:2021/01/29/ 17:17:15

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,
}

亲测有效,还阔以

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 537

相关文章

目录树