将预先存在的静态HTML页面添加到React / Gatsby站点的最快方法

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个简单的项目，使用JSX / React / Gatsby可以很好地工作。

在另一个项目中，我有一个HTML格式的预先存在的页面（认为是登录页面），该页面相当复杂，使用Bootstrap

4样式精美，我们将其称为LandingPage.html和关联的LandingPage.css。

我想将登录页面添加到我的Gatsby网站。因此，例如，当导航到localhost：3000 /

LandingPage.html时，将显示目标网页，样式正确等。

我不清楚我是否必须将现有的HTML完全转换为react组件/

JSX？或者，是否可以通过将LandingPage.html（及相关的样式文件）放置在我的Gatsby项目结构中合理的位置来提供服务？还是我必须创建一个反应“包装器”，以便在“运行时”读取LandingPage.html和LandingPage.css的内容？

注意：我尝试将LandingPage.html和LandingPage.css放到/

public文件夹中，并且确实可以！所以也许我已经回答了我自己的问题。但是正确的方法是吗？

回答：

完全可以！只要确保不要在Gatsby中创建另一个覆盖您页面的页面即可：-)

以上是 将预先存在的静态HTML页面添加到React / Gatsby站点的最快方法 的全部内容， 来源链接： utcz.com/qa/414296.html

回到顶部