优雅的log

前言

开发过程中我们会大量用到 console.log 来打印数据信息，debug等,

但每次都要输入很长一串console.log， 或者项目上线钱还得手动清除所有的console.log, 极其不便

简单的做法是：

  • 1 在 webpack 项目的 index.html 文件中定义一个全局的 log 函数 , 统一控制日志的打印。
\\ index.html
let debug = ture
const log = debug ? console.log.bind(console， '** log **'): function() {}
  • 2 设置模版,方便使用， 以 webstorm 为例
    File -> Settings -> Editor -> Live Template

log("$MODULE_REF$", $MODULE_REF$);

自定义log.gif

以上， 就可以在项目任何位置优雅的 log 啦~

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容