如何从 S3 存储桶中的 React 应用程序的 .env 文件中读取环境变量？

Question

I created environment variables in a .env file for my React project.

I have added the.env in my .gitignore file.

How do I read these environment variables from my Amazon S3 bucket since my React app is hosted there?

eg process.env.REACT_APP_MY_VARIABLE

Answer 1

1 - Make sure your .env file is in the root folder of your project. It should be something like:

REACT_APP_MY_VARIABLE = 'my-app-var'

2 - Build your project before sending it to S3 and install the dotenv dependency.

npm install dotenv --save

3 - Import the dotenv in your project.