将React应用程序部署到Github页面的快速步骤

本教程假定您具有如何使用ReactGit的知识。

将React应用程序部署到Github Pages并不是火箭科学。

在本文中,我将向您展示如何立即将React应用程序部署到gh-pages。

首先,我使用create-react-app创建了一个应用程序。 该应用程序的源代码位于https://github.com/gleniox/reactlabs/tree/master/react_miscellaneous/helloworld-app

在创建React应用之后,请按照以下步骤操作:

  1. 打开你的package.json
  2. 按照以下格式更改“ homepage”属性https:// [github 名称] .github.io / [存储库名称]

3.确保您的“脚本”是这样的

4.从npm安装gh-pages软件包。 在终端中,运行: npm install gh-pages

5.在终端中,运行此命令npm run deploy

6.打开已发布的应用程序(例如https://gleniox.github.io/reactlabs)

和…快乐黑客! 🙂