@ice/store-logger v0.1.0

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

License

MIT