Closed7
Vite + React で作成したAppをGitHub Pagesにデプロイする
GOAL
Viteを使って作成したAppをGitHub Pagesにデプロイする
作成したApp
やり方
-
vite.config.js に base を 設定
-
baseはリポジトリ名を設定する
-
deploy.sh を作成
#!/usr/bin/env sh
# エラー時は停止
set -e
# ビルド
npm run build
# ビルド出力ディレクトリに移動
cd dist
# カスタムドメインにデプロイする場合
# echo 'www.example.com' > CNAME
git init
git add -A
git commit -m 'deploy'
# https://<USERNAME>.github.io にデプロイする場合
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git main
git push -f git@github.com:warugaki-web-developer/minimal-weather-app-with-react.git main:gh-pages
cd -
実行
bash deploy.sh
確認
- mainブランチにdistフォルダが存在しないこと
- OK
- gh-pagesブランチが作成されている
- OK
- dist フォルダの中身がgh-pagesブランチにアップされている
- OK
- Appが閲覧できること
- OK
- Appを更新してdeployできること
- OK!
deploy前
deploy
成功
Appのタイトルが改行されていることも確認w
このスクラップは2022/03/22にクローズされました