react 部署到 github.io做为静态页面。

用react写了一个拼图游戏
放到了github.io 作为静态页面展示

地址：https://hanswook.github.io/react-puzzle/

下面记录一下上传过程，以作分享和备忘

1、react项目打包,在terminal中运行

npm run dist

2、此时生成的文件在项目目录下的dist包内。

3、如果此项目已经与github关联，略过此步。
如果没有在github上同步，需要将此项目放到github上，具体步骤百度即可，应该难不倒各位。

4、在git中执行

git subtree push --prefix=dist origin gh-pages

将项目主分支的dist 推到 远端的gh-pages 分支。目前好像只支持静态网页分支为这个名称。

5、可能遇到的问题
会报错，*****/assets/app.js 找不到。

index.html中。
需要将

src="/assets/app.js"

改为

src="./assets/app.js"

在斜杠前加一点即可，英文符句号。

希望可以帮到你