5. 项目部署 - LoveVin/billkeeping-react GitHub Wiki

1. 项目部署到 github 或者 码云后需要修改路径信息，否则会一片空白，修改路径信息后在本地预览不了了。

在 build 前修改路径信息，在 package.json 中添加一句 "homepage": "https://myusername.github.io/my-app", 修改成 github路径和项目名

1. yarn build
2. cd build
3. git init
4. git add .
5. git commit -m 'deploy'
6. git remote add origin [email protected]:LoveVin/billkeeping-react-website.git
7. git push -u origin master // 或者强制push git push -u origin master -f
8. cd - //回到之前的目录

2. 将上述部署过程做成 Bash脚本

在 scripts 目录下新建文件 deploy.sh，写如下内容

#!/usr/bin/env bash

yarn build &&

cd build &&

git init &&

git add . &&

git commit -m 'deploy' &&

git remote add origin [email protected]:LoveVin/billkeeping-react-website.git &&

git push -u origin master -f

cd -

赋予可执行权限 chmod +x scripts/deploy.sh

执行 sh scripts/deploy.sh

3. 将shebang加入到 package.json 中

在 package.json 的

"scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js",
    "deploy": "sh scripts/deploy.sh"  //添加的命令
  },

然后直接 yarn deploy 即可运行部署命令