如何将Reactjs应用推送和部署到gh-pages

Question

这是GitHub存储库网址 - ProjectManager 没有任何路线。它包括小组件和一个API。

我现在遵循了这些步骤。

1. 我切换到gh-pages分支。
2. 在本地运行yarn build命令。
3. 它已在我的项目中创建了构建文件夹。

但我需要知道如何将其推入gh-pages分支。

Answer 1

我找到了一些方法来做到这一点

1. 将此添加到package.json文件

   "homepage" : "http://<username>.github.io/<reponame>"
   

2. 将此脚本添加到package.json文件

    "deploy": "npm run build&&gh-pages -d build"
   

3. 安装此库。

    npm install --save-dev gh-pages
   

4. 执行这两个步骤后，运行此命令

   npm run deploy
   

它自动创建了一个名为gh-pages并已部署的分支。

Answer 2

您需要确保指向您的构建文件夹而不是您的根项目文件夹。您可以在github repo设置中进行设置。一种方法是使用单独的分支与您的构建文件夹作为root。或者您可以指向构建文件夹（通过设置）