[筆記] React Hooks 起來 – Ch7 – Vite 佈署到 Github Pages 的注意事項

章節連結

Vite 要佈署到 Github Pages 頁面,可以透過套件省下不少功夫,不過還需要注意輸出的路徑,以免導致 404 錯誤。
react logo


內容

1. 安裝 gh-pages 套件:https://www.npmjs.com/package/gh-pages
2. 在 package.json 中加上 “yarn build && gh-pages -d dist” 執行,其中 dist 是預設 build 完後的輸出資料夾名稱,請視需求更改
3. vite.config.js 中,base 要改成 “/<你的專案 Repo 名稱>/”,才不會在瀏覽器端出現 404 錯誤,而讓畫面呈現一片空白

程式碼

https://github.com/andy922200/learn-react-from-hook/commit/faff5166dfb932d03a483b9e567418f635e55791

按讚加入粉絲團

延伸閱讀