将react项目部署到Gitpage

时间:2021-10-06 12:58:42

1.在git上新建git仓库。

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

3.将写完的项目进行build

npm run build

4.安装 gh-pages

npm install gh-pages --save-dev

5.进入package.json
将react项目部署到Gitpage

"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下设置。
将react项目部署到Gitpage
“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仓库)