开发者社区> 小周sir> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Vue配置自动隐藏console打印日志

简介: vue项目中,自动把console.log()打印日志隐藏
+关注继续查看
福利推荐:阿里云、腾讯云、华为云等大品牌云产品全线2折优惠活动来袭,4核8G云服务器899元/3年,新老用户共享优惠,点击这里立即抢购>>>

  • 每次开发项目的时候会经常调试和打印日志来排查结果,当我们在开发环境和与预发布环境调试是需要查看日志的,而在正式环境需要把日志隐藏,这个时候我们就可以借助插件来完成这个功能
  • 安装babel-plugin-transform-remove-console

      npm install babel-plugin-transform-remove-console --save-dev
  • 在babel.config.js加入配置

const prodPlugin = []
if (process.env.NODE_ENV === 'production') prodPlugin.push('transform-remove-console')
module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'],
  plugins: [...prodPlugin]
}
  • 然后项目再次重启一下即可生效

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
取消Vue中格式警告
取消Vue中格式警告
0 0
Vue关闭线上源码移除console
Vue关闭线上源码移除console
0 0
vue项目中页面进入退出设置动画
vue项目中页面进入退出设置动画
0 0
vue 提示 this.getOptions is not a function 报错
vue 提示 this.getOptions is not a function 报错
0 0
前端工作总结137-vue里面取消console和debugger
前端工作总结137-vue里面取消console和debugger
0 0
前端工作总结136-vue里面取消console和debugger
前端工作总结136-vue里面取消console和debugger
0 0
Vue2.js:v-click-outside自定义指令和vue-click-outside监听鼠标点击元素外部区域事件
Vue2.js:v-click-outside自定义指令和vue-click-outside监听鼠标点击元素外部区域事件
0 0
精通React/Vue系列之实现一个全局提示(Message)组件
本文是笔者写组件设计的第十一篇文章, 今天带大家实现一个同样比较特殊的组件——全局提示(Message)组件。 我们看到的组件效果可能是这样的:
0 0
VUE3(二十四)自定义alert弹窗组件
这里自定义了几个alert弹窗组件:带有确定取消的alert弹窗组件、自定义alert,在自定义时间消失(仿layer)、自定义loading,在需要让他消失的时候让其消失 。
0 0
+关注
小周sir
面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
利用编译将 Vue 组件转成 React 组件
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载


http://www.vxiaotou.com