小编典典

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

reactjs

我有一个简单的项目,使用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文件夹中,并且确实可以!所以也许我已经回答了我自己的问题。但是正确的方法是吗?


阅读 559

收藏
2020-07-22

共1个答案

小编典典

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

2020-07-22