gh-страницы не загружают bundle.js из index.html

Question

Я настроил проект React с webpack. Я хочу загрузить этот проект на свой пользовательский сайт на Github. Я создал пользовательский репозиторий сайта с 2 ветками - master и gh-pages. Структура проекта выглядит следующим образом:

 dist
    index.html
    bundle.js
 index.html

Файл Package.json содержит следующие команды для сборки и развертывания.

 "start": "webpack-dev-server --open --mode development --content-base ./dist",
 "test": "npm run lint && npm run security-check && npm run bundle",
 "predeploy": "npm run build",
 "deploy": "gh-pages -d dist"

В режиме разработки проект работает нормально. HtmlWebPackPlugin вставляет тег сценария пакета js в dist/index.html. Для развертывания на gh-pages, когда я запускаю команду deploy, код корректно обновляется в ветке gh-pages. Там я вижу последние файлы папок dist.

Но пользовательский сайт дает мне 404: not found error за bundle.js.

Answer 1

Итак, после некоторого исследования gh-страниц я нашел решение.Для пользовательских страниц Github разрешает публикацию только из master ветви. Так что index.html и bundle.js должны присутствовать в главной ветви, и они будут использоваться в качестве статических ресурсов.

Это немного сбивает с толку, как и в других приложениях, вы можете выбрать сборку из ветки master или gh-pages или из каталога / docs.

Итак, я создал ветку developmentгде мой источник находится.И я изменил команду deploy, чтобы загрузить код из ветви development в master.

"deploy": "gh-pages -d dist -b master"