javascript - 动态 redux 应用程序加载与存储组合和 mergeReducers

Question

假设我有一个用 React/Redux 编写的非常大的应用程序，并且我已经将应用程序拆分为模块、webpack 导入语句等。

我需要提供一个设置，对于给定的生产版本，我选择应将哪些模块包含到 dist 中(其余模块将被忽略)。例如，我有模块 A、B、C、D。一位客户支付了模块 A 和 B 的费用，这就是他得到的，另一位客户支付了所有模块的费用，得到了 A、B、C、D。这就是应该的捆绑在一起，当然有一个一致的代码库。

在 webpack 级别上，我只是生成一个新的入口点，其中将包含我想要的(AST 级别)模块(import moduleA、import moduleB)。 .但是现在出现了关于 redux store 和 combineReducers 的问题。

有什么方法可以动态地将片段添加到combineReducers调用中吗？我能想到的唯一方法是手动生成根 reducer ，导入模块 reducer 。但也许有更好的方法来做到这一点？

Answer 1

动态添加切片 reducer 的标准方法是再次调用combineReducers，传入您现在想要拥有的所有 reducer ，然后调用store.replaceReducer(newRootReducer) .

react-boilerplate项目中有一个这样的例子。查看他们的效用函数injectAsyncReducer 。