将react项目部署到Gitpage

1.在git上新建git仓库。

2.将git仓库clone到本地。然后在git仓库文件夹中新建项目

3.将写完的项目进行build

npm run build

4.安装 gh-pages

npm install gh-pages --save-dev

5.进入package.json

"homepage": "https://queli1990.github.io/test"

"predeploy": "npm run build",
"deploy": "gh-pages -d build"

6.yarn run deploy
(如果这一步报错，确认是否已经安装yarn，如果没有第1步：

npm install yarn

第2步：yarn)

7.到git仓库中，setting下设置。

“homepage”: “https://queli1990.github.io/test”

*原理：进行npm install gh-pages --save-dev
之后其实是在git仓库下多了一个gh-pages分支。然后在setting下将主页设置为上传的build文件夹中的index.html就会自动读取页面内容。*

视频链接：https://www.rails365.net/movies/react-ji-qiao-2-ba-react-ying-yong-bu-shu-dao-github-pages（视频中默认已将代码push到git仓库）