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

Question

这是 GitHub 存储库 url - ProjectManager 没有任何 routes.It 包括小组件和一个 API.

我现在按照这些步骤操作了。

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

但我需要知道如何将它推送到 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 存储库设置中进行设置。一种方法是使用一个单独的分支，将你的构建文件夹作为根目录。或者您可以指向构建文件夹（通过设置）