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仓库)