如何使用create-react-app开发多个页面？

Question

使用create-react-app创建应用时，只有一个index.html，这是否意味着React一次只能处理一个SPA？如果我想开发多个页面怎么办？我应该使用create-react-app创建另一个SPA，然后在构建每个SPA之后将它们放在一起吗？

Answer 1

<强>更新

Parceljs可以做到这一点。 here is docs.

您可以使用Parcel而不是Webpack（在create-react-app中使用），它为您提供零配置环境来开发Web应用程序（使用react或其他任何东西）。

拥有多个页面（而不是SPA）并不是大多数React环境所考虑的[之前 - 请参阅上面的更新]。

您可以使用react-router或类似的客户端路由解决方案来使用不同的页面URL。

如果关注的是捆绑包大小，有些解决方案使用webpack或parcel在需要时延迟加载每个捆绑包或缓存捆绑包（使用服务工作者）等等（Tree shake，...）。 （查看Code Splitting in React Docs）

我脑中可能有的其他问题是SEO，在这种情况下你可能会发现Isomorphic app（反应服务器端渲染）很有用，初始化请求的URL HTML的第一个视图并将其发送到客户端，然后客户端将加载反应和反应将控制用户界面。这将有助于谷歌（或其他搜索引擎）快速找到您的网址，并且页面之间转换的用户体验将保持无缝。