reactjs - 如何整合create-react-app和静态内容？

Question

我有一个基于 React 的小工具，并且想使用相同的设计向其中添加一些静态 html 页面。现在的情况是，我在 index.html 中有通用部分(页眉、页脚)，在 index.css 中有通用样式。我的工具的所有逻辑和样式都在 React 组件中。该项目基于create-react-app。我没有使用react-router，但我正在考虑这样做。

• 最简单的解决方案是复制 index.html，并将其用作静态页面的模板，但随后我必须保持它们同步，这很乏味。

• 我还可以创建静态页面作为 react 组件。如果我只有一两个，那似乎是一个不错的选择。这将与 react 路由器集成。但是，静态页面也将仅包含 js。

• 另一个选择是使用 hexo 等静态站点生成器创建静态站点，并生成 c-r-a 使用的 index.html。如果我想添加博客之类的东西，这似乎是可行的方法。此外，除了工具之外的所有内容都保持无 js。缺点是它增加了另一个构建步骤。

是否有任何推荐/最佳/优雅的方法来将简单的静态 HTML(或者说 Markdown)页面添加到 React 应用程序中？

Answer 1

Next.js 值得一看。它将 React 路由移动到文件夹结构，并为 HTML 页面提供一个静态文件夹。