简介
在前端开发中，我们常常需要记录日志来帮助我们了解代码的运行情况和调试错误。xulogger 是一个基于浏览器控制台的日志记录库，它可以帮助我们在开发过程中方便地输出日志信息，并在生产环境下进行日志级别控制，避免过多的日志输出对性能造成影响。
安装
使用 npm 安装 xulogger：
--- ------- -------- ------
使用
基本用法
在代码中引入 xulogger：
------ ------ ---- ----------- ----- ------ - --- ----------------- ------------------- -------------- --------------------------- -------------------- ---------- ------------------- ----------
Logger 的构造函数接受一个字符串作为名称，这个名称将作为日志标识符出现在浏览器控制台中。
Logger 提供了四个方法来输出日志信息：
- debug
- info
- warn
- error
生产环境下的日志级别控制
xulogger 允许我们在生产环境下控制日志输出的级别。默认情况下，xulogger 的输出级别为 debug，即输出所有级别的日志信息。在生产环境中，我们通常只需要输出 info 级别及以上级别的日志，而不需要输出调试信息等低级别的日志信息。
xulogger 提供了 setLevel() 方法来设置日志的输出级别。我们可以在入口文件中根据环境变量来设置日志输出级别：
------ ------ ---- ----------- ----- ------ - --- ----------------- -- -------------- -- --------------------- --- ------------- - ------------------------ -
在生产环境中，xulogger 将只输出 info、warn 和 error 级别的日志信息。
示例代码
------ ------ ---- ----------- ----- ------ - --- ----------------- -- -------------- -- --------------------- --- ------------- - ------------------------ - ------------------------- ------------------------ ------------------------ -------------------------
输出结果：
-------- -------- -------- -------- -------- -------- ------ ---------- --------- - ----- -------- ------------------------------------------------------------------------------ ---------- -----------------------------------------------------------------------------------------------------------------------------