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