reactjs - 重构和代码拆分

Question

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

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

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

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

Answer 1

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

无论是在声明路由时使用 HOC 来装饰路由，还是在实际模块中导入它们并在导出路由组件之前对其进行装饰并不重要。