使用 gh-pages 套件將 React 專案部署至 GitHub Pages 服務

Deployment
, , , ,

做法

安裝 gh-pages 套件。

1
npm install gh-pages --save-dev

修改 package.json 檔，添加 homepage 內容。

1
2
3
4
{
  "name": "my-app",
  "homepage": "https://<your-github-username>.github.io/my-app"
}

並且添加 deploy 指令。

1
2
3
4
5
{
  "scripts": {
    "deploy": "gh-pages -d build"
  }
}

執行編譯。

1
npm run build

執行部署。

1
npm run deploy

參考資料