【问题标题】:How to integrate create-react-app and static content?如何整合 create-react-app 和静态内容?
【发布时间】: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 但这似乎是个人意见,实际上也取决于您的应用程序需要什么。

标签: reactjs create-react-app


【解决方案1】:

Next.js 值得一看。它将 react 路由移动到文件夹结构中,并带有一个用于 HTML 页面的静态文件夹。

【讨论】:

    猜你喜欢
    • 2018-02-11
    • 1970-01-01
    • 2019-02-18
    • 1970-01-01
    • 2020-06-26
    • 2020-11-02
    • 2019-12-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多