重构和代码拆分

Question

刚开始将 recompose 集成到大型 web 应用中，想知道是否有办法使用 recompose（后台 webpack）优化包大小（IE 实现代码拆分）？

我当前使用 recompose 的用例很简单 - 'isAuthorised?' HOC 确保用户登录。我的大部分路线都通过这个单一的 HOC。

我希望能够根据路由进行代码拆分，但不确定如何使用 isAuthorised HOC 增强每个路由。

使用 react、redux、react-router、recompose、webpack 2

Answer 1

您的路由组件最终会引用其他会创建不同块的模块。重要的是动态导入这些，以便路由器可以加载和延迟需要这些，直到用户需要/点击它们。

在声明路由时使用 HOC 装饰路由，还是在实际模块中导入路由并在导出路由组件之前装饰路由组件并不重要。