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

Question

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

9

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

- Gustaf Zhang

2

你说得对，create-react-app没有官方的多页面开发方式。但是你可以在这个问题中找到一些解决方案 - https://github.com/facebookincubator/create-react-app/issues/1084 - Kohver

只需使用react-router。 - imbatman

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Developia · Accepted Answer

更新:

Parceljs 可以实现这个功能。这里是文档。

你可以使用 Parcel 代替 Webpack（在 create-react-app 中使用），它提供了零配置的环境来开发 web 应用程序（使用 react 或其他任何东西）。

拥有多个页面（而不是 SPA）并不是大多数 React 环境所考虑的问题[参见上面的更新]。

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

如果担心捆绑包大小，可以使用 webpack 或 parcel 提供的解决方案来懒加载每个捆绑包，每当需要时或缓存捆绑包（使用服务工作者）等（摇树优化，...）。（请查看React 文档中的代码分割）

我脑海中可能还有其他顾虑，例如 SEO，在这种情况下，您可能会发现同构应用程序（react 服务器端渲染）很有用，它将初始化所请求的 URL HTML 的第一个视图并将其发送到客户端，然后客户端将加载 react 并且 react 将控制 UI。这将帮助 Google（或其他搜索引擎）快速找到您的 URL，并保持页面之间的过渡无缝。