Reactjs 重组&;代码拆分

Reactjs 重组&;代码拆分,reactjs,redux,react-router,recompose,Reactjs,Redux,React Router,Recompose,刚刚开始将recompose集成到一个大型Web应用程序中,并想知道是否有办法使用recompose(后台的Web包)优化包大小(即实现代码拆分) 我目前使用的recompose用例很简单——一个“IsAuthorized?”HOC,它确保用户登录。我的大部分路线都经过这条路 我希望能够基于路由进行代码拆分,但不确定如何使用ISAuthorized HOC增强每个路由 使用react、redux、react router、recompose、webpack 2,路由组件最终会引用其他模块,从而创

刚刚开始将recompose集成到一个大型Web应用程序中,并想知道是否有办法使用recompose(后台的Web包)优化包大小(即实现代码拆分)

我目前使用的recompose用例很简单——一个“IsAuthorized?”HOC,它确保用户登录。我的大部分路线都经过这条路

我希望能够基于路由进行代码拆分,但不确定如何使用ISAuthorized HOC增强每个路由


使用react、redux、react router、recompose、webpack 2,路由组件最终会引用其他模块,从而创建一个独特的块。重要的是动态导入这些内容,以便路由器能够加载并推迟要求这些内容,直到用户需要/点击它们


无论您是在声明路由时使用HOC修饰路由,还是在实际模块中导入路由,并在导出路由组件之前修饰路由组件,都无关紧要。

重新组合与代码拆分无关。Webpack可以通过适当的设置为您做到这一点。