Vue－部署到 GitHub 上的方法

簡單紀錄。

簡述

詳細可以參考這份 官方文件，這邊只會簡單帶一下步驟。

首先去設定 vue.config.js.，調整 public 的檔案路徑：

module.exports = {
  publicPath:
    process.env.NODE_ENV === 'production'
      ? '/my-project/' // production
      : '/' // development
}

接著在寫一份 shell script 來處理就好，原理的話看註解應該就懂了：

#!/usr/bin/env sh

# 当发生错误时中止脚本
set -e

# 构建
npm run build

# cd 到构建输出的目录下
cd dist

git init
git add -A
git commit -m 'deploy'

# 部署到 https://<USERNAME>.github.io/<REPO>
git push -f https://github.com/{username}/{project-name}.git master:gh-pages

cd -