将多个路由组合到代码拆分包中

时间:2018-02-18 16:58:43

标签: reactjs webpack create-react-app code-splitting

在我的create-react-app(CRA)应用程序中,我可以通过遵循官方指南https://reactjs.org/docs/code-splitting.html#route-based-code-splitting

轻松设置基于路由的代码分割

现在我可以将每条路线分成自己的JS块,但我宁愿创建2个不同的捆绑包(一个用于我主页的公共区域,一个用于登录用户的所有页面)。

我如何将我的应用程序分成这两个包? (我还在使用react-router v3)

编辑:我的路线设置如下:

O(n)

是否可以将它们包装在更高级别的路径中(不改变路径本身)?

1 个答案:

答案 0 :(得分:1)

对于我的任何和所有代码分割需求,我使用了react-loadable

您可能想尝试拆分每条路线。不需要伤害太多。 但如果它过于精细,你总是可以包装更高级别的Route组件。

这实际上不会起作用我刚才意识到。在React Router v3中,路由实际上不是组件,只是配置。因此,您唯一的好选择是包装所有页面级组件。