在 React + Redux + React-Router 的单页应用架构中,我们将 UI 层( React 组件)和数据层( Redux store )分离开来,以做到更好地管理应用的。 而随着应用和业务逻辑的增大,项目中的业务组件和数据状态也会越来越多;在 Router 层面可以使用 React-Router 结合 webpack 做按需加载 以减少单个 js 包的大小。 而在 store 层面,随着应用增大,整个结构可能会变的非常的大,应用加载初始化的时候就会去初始化定义整个应用的 store state 和 actions ,这对与内存和资源的大小都是一个比较大的占用和消耗。 因此如何做到像 Router 一样地在需要某一块业务组件的时候再去添加这部分的 Redux 相关的数据呢? Redux store 动态注入 的方案则是用以解决以上的问题。