如何使用 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 来在需要时延迟加载每个包或缓存包（使用服务工作者）等等（摇树，...）。 （查看Code Splitting in React Docs）

我脑子里可能还有其他担心是 SEO，在这种情况下，您可能会发现同构应用程序（反应服务器端渲染）很有用，它初始化请求的 URL HTML 的第一个视图并将其发送给客户端，然后客户端将加载反应并做出反应将控制 UI。这将有助于 Google（或其他搜索引擎）快速找到您的网址，并且页面之间的转换过程中的用户体验将保持无缝。