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 学习如何贡献代码。