web-dev-qa-db-ja.com

React env変数と.env

私はreact-create-appからenv変数を追加する際のドキュメントに従おうとしていますが成功しませんでした：

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-custom-environment-variables

enter image description here

  • ドキュメントのルート内に「.env」ファイルがあります（デフォルトの.envプロパティ）
  • .envファイルには変数が1つだけ含まれています 'REACT_APP_API_Host = http：// localhost：808 '
  • アプリ内のprocess.env（create react appで作成）にアクセスしようとすると、未定義になります

これは、process.envにアクセスしようとして成功しなかったapp.jsです。

コード内のprocess.envにアクセスできません。それを行う方法に関する実用的な例はありますか？

reactjsenvironment-variablescreate-react-app
5
Ante

ルートで.envファイルを使用できます。

  • start: react-scripts start-.env.developmentを使用します
  • build_staging: "set REACT_APP_ENV=staging & react-scripts build"-.env.stagingを使用します
  • build: "react-scripts build"-.env.productionを使用します
10
Hossein

Package.jsonでは、最終的に開始スクリプトにNODE_ENV=developmentを追加する必要があります。例えば。排出されたNODE_ENV=development && node scripts/start.jsの場合はcreate-react-app、排出されなかったものの場合はNODE_ENV=development react-scripts start。

編集：どうやらNODE_ENV=developmentは、startまたはbuildスクリプトを実行するときにすでにハードコードされているため、必要ありません。ドキュメントによると、カスタム環境変数は、すでに行ったように次の形式REACT_APP*である必要があります。

スニペットが役立ちます。

1
john-d-pelingo