React app透過github pages發布網站-使用pnpm管理

因為進一遷徙使用pnpm作為套件管理，有一些指令需要調整，整理產生這篇blog

原本發布github page網站可參照gh-pages的說明

https://github.com/gitname/react-gh-pages

改成適用的react-app建立到gh-page部屬的流程如下

1. 建立react app專案

pnpm create react-app {react-app-name} --template typescript

2. 安裝套件

pnpm add -D gh-pages

3. package.json中增加homepage

"homepage": "https://{github-username}.github.io/{github-repo-name}",

4. package.json中scripts區段前面加入

"predeploy": "pnpm run build",

"deploy": "pnpm exec gh-pages -d build",

5. 加入已存在的github遠端

git remote add origin https://github.com/{username}/{repo-name}.git

6. 部屬gh-pages

pnpm run deploy

或是加入deploy訊息

pnpm run deploy -- -m "Deploy React app to GitHub Pages"