Closed7

Vite + React で作成したAppをGitHub Pagesにデプロイする

warugakiwarugaki

GOAL

Viteを使って作成したAppをGitHub Pagesにデプロイする

warugakiwarugaki
  • 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 -
warugakiwarugaki

成功

Appのタイトルが改行されていることも確認w

このスクラップは2022/03/22にクローズされました