pcwu's TIL Notes


[GitHub] GitHub Page 快速佈署

之前只知道要把頁面佈署的話,一個辦法就是建立名為 gh-pages 的 branch,然後從 GitHub 上點選就佈署完成了。

不過通常 build 是含在 .gitignore 內,感覺就有點小麻煩,找了一下果然有快速的方法!

先在 package.json 內新增一個 homepage 欄位:

"homepage": "https://myusername.github.io/my-app",

安裝 gh-pages

npm install --save-dev gh-pages

package.json 內新增 2 條 script:

  // ...
  "scripts": {
    // ...
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  }

最後跑

npm run deploy

完成!

Reference