在前端开发中，log 的作用不可忽视，一方面通过 log 可以很快定位问题，另一方面也可以更好地理解代码运行的情况，更快速地进行开发。metallic-logger 是一个基于日志等级的轻量化前端日志组件，可以自定义输出样式、日志等级以及异步输出。
安装
适用于 npm/yarn。
--- ------- --------------- ----------
或
---- --- --------------- --
使用
初始化
在项目中引入 metallic-logger：
------ ------ ---- ------------------ -- ---- -------- ----- ------ - ---------------------------
使用 logger：
------------------- ---------- ----------------- ---------- --------------- ---------- ----------------- ---------- ------------------- ----------
配置
metallic-logger 库是高度可定制的。可以通过配置对象修改日志等级、日志样式等配置。以下是可配置对象及其默认值：
-
------ -------
------- --------- ------- ------ ------- ---------
------- -
------ -------
----- --------
---- --------
----- ---------
------ -----
--
------- -------------------------
-在实例化 logger 之前，可以更改默认值。
------ ------- - ----------- - ---- ------------------ ------------- ------ ------- ---
改变日志样式
可以通过更改默认颜色设置、为级别设置颜色等方式更改日志样式。
------ ------- - ----------- - ---- ------------------
-- -------
-------------
------- -
------ -------
----- -------
---- --------
----- ---------
------ -----
-
---
-- ------------
---------------------------- ----------异步输出
------ ------- - ----------- - ---- ------------------ ------------- ------- -------------- --- -------- ------------------- - -- ------ ----- --- - --- ----------------- ---------------- -------- -------------- -
示例
------ ------- - ----------- - ---- ------------------
------------- ------ ------- ---
-------- --------- -
--------------------- ----------
--------------------------- -- -
-- --------- -
----------------- ------- ---------
-
------ -----------
------------ -- -
--------------------- ------
---------- -- -
----------------
---
-
----------这篇教程介绍了如何使用 metallic-logger 以及如何进行定制。它可以帮助开发者更好地理解代码运行情况，更快地进行开发，提高效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f421d8e776d08040e06