代码之家 › 专栏 › 技术社区 › ubienewbie

向react/gatsby站点添加预先存在的静态html页面的最快方法

gatsby react-router reactjs

ubienewbie · 技术社区 · 6 年前

我有一个简单的项目使用jsx/react/gatsby很好地工作。

我在另一个项目中有一个预先存在的HTML页面(考虑登录页面),非常复杂,使用Bootstrap 4进行了良好的样式设置,我们称之为landing page.html和一个相关的landingpage.css。

我想将登录页添加到我的盖茨比网站。例如,当导航到localhost:3000/landing page.html时,将显示登录页,并正确设置样式等。

我不清楚是否必须将我先前存在的html完全转换为react组件/jsx? 或者我是否可以将landingpage.html(以及相关的样式文件)放在gatsby项目结构中的某个合理位置来提供服务? 或者我是否需要创建一个在“运行时”读取landingpage.html和landingpage.css内容的react“包装器”?

注意:我试过将landingpage.html和landingpage.css放在/public文件夹中,实际上这是有效的!所以也许我已经回答了我自己的问题。但这是正确的方法吗?

2 回复 | 直到 6 年前

Kyle Mathews 6 年前

完全可以!只需确保不要在盖茨比内创建另一个覆盖您的页面:-)

Federico Rodríguez 6 年前

从gatsby v2(不知道以前的版本)开始,将文件添加到 /static 文件夹。

根据 the docs , the /public 文件夹是在创建站点时自动生成的,应该添加到 .gitignore .

添加到 静态 文件夹将被复制到 公众 所以在建工地的时候应该有同样的效果。更多信息 here .

推荐文章

thomasna82 · 如果在React中单击链接,SlideMenu将不会关闭

6 年前

Aaron Austin · Gatsby Source在查询中包含变量

6 年前

Barney · 从有内容的数据以编程方式创建Gatsby页面

6 年前

Eric Johnson · 如何基于当前url导入组件?

7 年前

typeoneerror · 使用React头盔显示标题

7 年前

dlaub3 · 如何在平面文件CMS中实现搜索

7 年前

dlaub3 · 盖茨比。带WordPress的js

7 年前

Avritt Rohwer · 在gatsby中使用非react的组件框架

7 年前

Chris Geirman · 如何将盖茨比混合站点连接到Apollo/Graphcool(或Redux)?

7 年前