React项目打包并部署到 Github 展示预览效果

React项目打包并部署到 Github 展示预览效果

当开发者模式结束，准备打包的时进行以下步骤：

1. 在package.json配置文件中加一句：　"homepage": "."（为下面打包做准备，如果不加这句话，那么在预览时开启的页面空白，原因路径不对）
2. npm build or yarn build（打包）
3. 在你的GitHub上新建个仓库，把地址复制下来备用
4. 项目所在文件夹下git init
5. git add .
6. git commit -m "提交信息"
7. git remote add origin https://github.com/xxx/xxx（刚才你在GitHub上保存的地址）
8. git push -u origin master（把你的代码提到GitHub上）
9. 此时，在GitHub对应的仓库上，就可以看到刚才提交的代码了。
10. 接着，点击setting
11. 找到GitHub Pages，source中点击下面按钮切换到master branch，点击save
12. 就可以看到一个链接了，点击链接，发现出现的是你项目中的README.md
13. 在链接后面加上 /build/# 回车后，即可看到预览效果
14. 之后的修改代码后，重新npm build or yarn build ，重复5~8步骤即可。