ブランチごとのビルドコマンドの設定

このガイドでは、特定のブランチにビルドコマンドを設定する方法を説明します。CF_PAGES_BRANCH 環境変数を使用して、プロダクションブランチではなく指定されたブランチでスクリプトを実行します。このガイドでは、Cloudflare アカウントと Pages プロジェクトがあることを前提としています。

セットアップ

プロジェクトディレクトリに .sh ファイルを作成します。ファイル名は自由に選べますが、build.sh と名付けることをお勧めします。

以下のスクリプトでは、CF_PAGES_BRANCH 環境変数を使用して、現在ビルド中のブランチを確認します。.sh ファイルに以下の内容を記入してください。

# !/bin/bash

if [ "$CF_PAGES_BRANCH" == "production" ]; then
  # "production" ブランチで `package.json` の "production" スクリプトを実行
  # "production" はあなたのプロダクションブランチの名前に置き換えてください

  npm run production

elif [ "$CF_PAGES_BRANCH" == "staging" ]; then
  # "staging" ブランチで `package.json` の "staging" スクリプトを実行
  # "staging" はあなたの特定のブランチの名前に置き換えてください

  npm run staging

else
  # それ以外の場合は dev スクリプトを実行
  npm run dev
fi

変更を公開する

変更を有効にするには：

1. Cloudflare ダッシュボード ↗ にログインし、アカウントを選択します。
2. アカウントホームで、Workers & Pages > Overview であなたの Pages プロジェクトを選択します。
3. Settings > Build & deployments > Build configurations > Edit configurations に移動します。
4. Build command フィールドの値を bash build.sh に更新し、Save を選択します。

ビルドが成功したことを確認するために、プロジェクトをデプロイします。