木灵鱼儿

木灵鱼儿

阅读：1132

最后更新：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,
}

亲测有效，还阔以

文章分类 vue 项目实战
文章标签 vue打包console
木灵鱼儿

木灵鱼儿

发布了 615 篇文章获得点赞 0获得阅读 1132

版权申明

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

one
two
three

关于作者

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

相关文章

vue-i18n 的使用方式vue-i18n 的使用方式
设计模式的7个设计原则设计模式的7个设计原则
第六章 设计模式第六章 设计模式
第五章 代码复用模式第五章 代码复用模式
第四章 对象的创建第四章 对象的创建

目录树