将 create-react-app 创建的 react 项目部署到gitee pages

0 前提

1. react在本地通过npm start能正常运行
2. 已将创建好的react项目通过git上传到远程仓库

1 如何将项目发布成静态页面

1.1 安装 gh-pages

npm install gh-pages --save-dev

1.2 修改 package.json

{
  // ...
  "homepage": "./",
  "dependencies": {
    // ...
  },
  "scripts": {
    // ...
    "deploy": "gh-pages -d build"
  },
}

这里请注意了，官方介绍是"homepage"的值要设置为 http://{username}.github.io/{repo-name} ，但是这样操作会在 build 打的包会在所有文件路径前加上{repo-name}，比如 index.html 文件中对同等目录下的文件引用应该是 src=’./index.css’ ，结果会变成 src=’./{repo-name}/index.css’ ，这样部署后肯定无法访问，所有资源都找不到。

1.3 部署

1. npm run build // 打包编译，会生成一个 build 文件夹
2. npm run deploy // 发布