Blog..

  • Home
  • ブログ
  • 【Astro】dist直下をデプロイする方法【gh-pages】

【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便利ですね。

▼ SNSでこの記事をシェア