snak3

スナック３ ？ ?

目次

• ✅ 要件
  • ノードv16
  • 環境変数
• ? スクリプト
  • アプリの起動
  • ? アプリの構築
  • ? アプリのテスト

要件

• ノードv16

  このプロジェクトでは Node v16 を使用します。

  NVM は、デバイス上のノードのバージョンを管理/切り替えするための優れたツールです。 nvm use <version_number>使用して特定のバージョンに切り替えることも、 nvm use .nvmrcファイルからバージョン番号を抽出することもできます。

• 環境変数

  実行したい環境ごとにそれぞれの環境変数が必要になります。そうしないとアプリが起動しません。それぞれの.envファイルについては、このプロジェクトの開発者に問い合わせてください。

  ルート ディレクトリに次のファイルを作成してください: .env 、 .env.local 、 .env.dev 、 .env.staging 、 .env.qa 、および.env.prod

  ファイルごとに、現在の行REACT_APP_ENV=<environment>を追加してください。 <environment>は、すぐ上にリストされている各ファイルの環境名と一致します。

スクリプト

• アプリの起動

  何よりもまず、 npm iを実行するか、 yarn install実行して、必要なパッケージをすべてインストールします。

  注:最も信頼性の高い方法は、 yarn install使用することです。

  • yarn start:app:local (デフォルトとして使用)

    ローカル環境でアプリを起動します

  • yarn start:app:dev

    開発環境でアプリを起動します

  • yarn start:app:staging

    ステージング環境でアプリを起動します

  • yarn start:app:qa

    QA環境でアプリを起動します

  • yarn start:app:prod

    本番環境でアプリを起動します

• アプリの構築

  特定の環境を使用してアプリをビルドすると、結果のビルド アーティファクトは/builds/<env>/build-<env>-<version-number>に保存されます。最新のビルドは、 /buildにあるアーティファクトも常に上書きします。

  • yarn build:dev

    開発環境を使用してアプリをビルドします

  • yarn build:staging

    ステージング環境を使用してアプリをビルドします

  • yarn build:qa

    QA環境を使用してアプリを構築します

  • yarn build:prod

    本番環境を使用してアプリをビルドします

• アプリのテスト

  • yarn test

    インタラクティブウォッチモードでテストランナーを起動します。
    詳細については、テストの実行に関するセクションを参照してください。