環境変数

4488 ワード

webdev react javascript beginners テキストリンク

envとは🤔

envファイルは、APIキーのようなあなたの敏感な資格情報を保存する.
環境変数を使用すると、手動で各ファイルのリンクを変更する必要がないように、1つの場所にAPIリンクを格納するのに役立ちます.

Envファイルを使用するプラグインをインストールする必要がありますか🙄

いいえ、ノードのフロントエンドに接続されている反応フロントエンドは、ビルドする任意のアプリケーションのためのロックソリッドの組み合わせです.だから、作成することができます使用.env プラグインをインストールしないファイル.
通常、あなたは.env ローカル、統合と生産のためのトリガーファイル.

どのような場合は、統合と生産のための別のキーを作成する

あなたが統合と生産のために異なるキーを使用しなければならないならば、その場合、あなたは環境をカスタマイズしなければなりません.
さて、この記事で何をカバーするのかを見てみましょう.
1ビルド環境のカスタマイズ環境変数
2 .環境変数の使用

1ビルド環境のカスタマイズ環境変数

既にサポートしている環境はほとんどありません.env.development , .env.test , .env.production など.env ファイルを使用できます:

.env : デフォルト

.env.local : ローカルオーバーライド.このファイルはテスト以外のすべての環境にロードされます

.env.development , .env.test , .env.production : 環境設定

あなた自身を作成することができますenv 反応しないファイル.つのパッケージをインストールする必要がありますenv-cmd セットアップのカスタム環境.

ファイルを作成する.env.integration どこ.env 存在する

統合したい環境変数を設定します.env.integration

  REACT_APP_NAME=XXXX

インストールenv-cmd

$ yarn add env-cmd

新しいスクリプトをあなたのpackage.json , 新しい環境でビルドする

{
  "scripts": {
    "build:integration": "env-cmd -f .env.integration yarn run build"
  }
}

これで、統合コマンドを実行できますyarn run build:integration 統合環境設定でビルドします.

📝 Variables in .env.production will be used as fallback because NODE_ENV will always be set to production for a build.

nodeount env =生産時にdevdependenciesをインストールしたい場合🤔

ご存じの通りNODE_ENV=production , その後、devdependenciesパッケージはインストールされません.
ただし、NODE_ENV=production 設定でyarn install --production=false インpackage.json .
チェックアウトLink を参照してください.