Использование переменных среды в ReactJS

Question

Итак, я настраивал новый проект и не смог найти ни одного актуального объяснения того, как это сделать, большинство людей рекомендуют использовать dotenv, но, очевидно, dotenv теперь включено в react-scriptsКак я могу использовать это? где бы я объявил переменные среды и как я бы сказал, чтобы они использовали производственные / окружающие переменные при запуске моего проекта? Я знаю, что это похоже на вопрос «иди почитай документацию», но я не смог найти ни одного, и это довольно простой вопрос. ТИА.

Answer 1

Создайте файл .env в корневом каталоге проекта со структурой KEY = VALUE. В любом месте вашего src / вы можете получить доступ к своей переменной с помощью process.env.REACT_APP_KEY.

process.env, где находятся все ваши ENV, а CRA префиксует пользовательские с REACT_APP

Answer 2

Вы можете добавить свойства в .env файле в ключ-значение

AWS_CRENDETIALS='asgashgash32612'

и ссылаться на них в своем коде с помощью process.env.AWS_CRENDETIALS

Вы можете добавить эти свойства на основеокружающая среда у вас есть. Поэтому, когда вы работаете, вы просто перезаписываете эти переменные. В противном случае просто прочитайте файл .env.

Лично я не использую этот файл, но использую в разработке команду node, которая имеет все переменные. На производстве ими управляет DevOps Azure, например.