【Astro】dist直下をデプロイする方法【gh-pages】
Astro
JavaScript
posted: 2024/11/29
update: 2024/11/29
Astroで作った静的なサイトを、dist直下のみデプロイ、すなわちdist直下をそのサイトのルートにしたい場合、Githubのgh-pagesライブラリを利用してデプロイ用のgitのブランチをdist直下で作って自動化する。
まずはgh-pagesのインストール
npm install gh-pages --save-dev
それから、package.jsonのscriptsへ下記追加。distはデプロイしたい任意のディレクトリ、prodもデプロイ用の任意のブランチ名を記載。
"deploy": "npm run build && gh-pages -d dist(任意のディレクトリ名) -b prod(任意のブランチ名)"
これでnpm run deployを実行すれば、ビルトが走りdist以下がprodブランチへpushされる。便利。
あとはsshで接続して本番環境のブランチをprodへcheckoutしておけばOK。
Astroのリリース方法をどうしようと迷っていたけれどgh-pages便利ですね。