Самый быстрый способ добавить уже существующую статическую HTML-страницу на сайт React / Gatsby

У меня есть простой проект, прекрасно работающий с использованием 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, и на самом деле это сработало! Так что, возможно, я ответил на свой вопрос. Но как это сделать?


person ubienewbie    schedule 17.06.2018    source источник
comment
Можете ли вы перейти к другим маршрутам во время разработки с gatsby develop. Когда я помещаю файл index.html в качестве целевой страницы в /static, я не могу перейти к /about или любому другому маршруту. Мне нужно сначала создать проект, обработать статический файл, а затем я могу перемещаться по нему. Знаешь, как это обойти?   -  person Joseph    schedule 29.08.2019


Ответы (1)


Что касается Gatsby v2 (не знаю о предыдущих версиях), возможно, более последовательным является добавление файла в папку /static.

Согласно документам, папка /public предназначена для автоматического создания при создании сайта и должен быть добавлен в .gitignore.

Файлы, добавленные в папку /static, будут скопированы в /public при создании сайта, поэтому эффект должен быть таким же. Дополнительная информация здесь.

person Federico Rodríguez    schedule 25.12.2018