木灵鱼儿

木灵鱼儿

阅读：771

最后更新：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
木灵鱼儿

木灵鱼儿

发布了 569 篇文章获得点赞 0获得阅读 771

版权申明

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

one
two
three

关于作者

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

相关文章

vue router 一个重定向页面的思路vue router 一个重定向页面的思路
关于 vue cli 的Network unavailable的问题分析以及修复方式关于 vue cli 的Network unavailable的问题分析以及修复方式
搞明白防抖与节流搞明白防抖与节流
宝塔和Gitte码云自动化部署教程宝塔和Gitte码云自动化部署教程
关于UIKit的抽屉 uk-offcanvas 只有黑色样式的问题关于UIKit的抽屉 uk-offcanvas 只有黑色样式的问题

目录树