icestore-logger
icestore 调试 middleware
安装
npm install @ice/store-logger --save
简介
icestore-logger
是 icestore
官方提供的调试中间件,使用该中间件用户可以方便地跟踪 state 的 diff、触发 action 等信息,提升问题排查效率。
快速开始
在注册 store 之前,使用 applyMiddleware
方法将 logger 中间件加入到中间件队列中
import todos from './todos';
import Icestore from '@ice/store';
import logger from '@ice/store-logger';
const icestore = new Icestore();
const middlewares = [];
// 线上环境不开启调试中间件
if (process.env.NODE_ENV !== 'production') {
middlewares.push(logger);
}
icestore.applyMiddleware(middlewares);
icestore.registerStore('todos', todos);
注册成功后,当 store
中的 action 被调用时,在浏览器的 DevTools 中将能看到实时的日志:
日志中包含以下几个部分:
- Store Name: 当前子 store 对应的 namespace
- Action Name: 当前触发的 action 名
- Added / Deleted / Updated: state 变化的 diff
- Old state: 更新前的 state
- New state: 更新后的 state
Contributors
欢迎反馈问题 issue 链接
如果对 icestore
感兴趣,欢迎参考 CONTRIBUTING.md 学习如何贡献代码。