如何將 React 項目部屬至 Github Page
1. 推送程式碼至 Github
2. 安裝 gh-pages 套件至專案
npm i gh-pages yarn add gh-pages |
看是使用 npm 或是 yarn 啟動的專案 (我是使用 yarn)。
3. package.json 補上相關指令
"scripts": { ... "predeploy": "yarn build", // 同樣的看是用什麼啟動專案 "deploy": "gh-pages -d build" } |
4. 執行指令
yarn deploy |
執行完成後 Github 會多出一個 gh-pages 分支。
5. 設定專案
點選 Pages 中的分支,將分支修改為 gh-pages 並儲存,即可將 React 項目部屬至 Github Page。
這是部屬網站首頁的方式,如果是其他專案要部屬上去時,則 package.json 須設定 homepage 才行。
"homepage": "https://username.github.io/app-name/" |
username 為 Github 帳號
app-name 則是專案名稱
app-name 則是專案名稱