【发布时间】:2018-02-14 20:03:25
【问题描述】:
我有一个基于 React 的小工具,并想使用相同的设计向它添加一些静态 html 页面。现在的情况是,我在index.html 中有公共部分(页眉、页脚),在index.css 中有公共样式。我工具的所有逻辑和样式都在 React 组件中。该项目基于 create-react-app。我没有使用 react-router,但我正在考虑这样做。
最简单的解决方案是复制
index.html,并将其用作我的静态页面的模板,但是我必须让它们保持同步,这很乏味。我还可以将我的静态页面创建为反应组件。如果我只有一两个,那似乎是一个不错的选择。这将与 react-router 集成。但是,静态页面也将是 js-only。
另一种选择是使用 hexo 等静态站点生成器创建我的静态站点,并让其生成 c-r-a 使用的
index.html。如果我想添加博客之类的东西,这似乎是要走的路。此外,除了该工具之外的所有内容都保持 js-free。缺点是它增加了另一个构建步骤。
是否有任何推荐的/最好的/优雅的方式来将简单的静态 HTML(或者说,markdown)页面添加到 react 应用程序?
【问题讨论】:
-
我认为最简单的方法是使用 react-router 但这似乎是个人意见,实际上也取决于您的应用程序需要什么。