重组&代码拆分

时间:2017-03-28 17:58:56

标签: reactjs redux react-router recompose

刚刚开始将重构集成到一个大型的webapp中,并想知道是否有方法使用重构(后台的webpack)来优化包大小(IE实现代码拆分)?

我当前使用重构的用例很简单 - a'a'horhorised?'确保用户登录的HOC。我的大多数路线都通过这个单一的HOC。

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

使用react,redux,react-router,重构,webpack 2

1 个答案:

答案 0 :(得分:0)

您的路由组件最终会引用其他模块,这些组件将创建一个独特的块。重要的是要动态导入这些内容,以便路由器可以加载并推迟需要这些内容,直到用户需要/命中它们为止。

在声明路线时是否使用HOC来装饰路线,或者在实际模块中导入路线并在路线组件导出之前装饰路线组件并不重要。