Как установить переменные среды в приложении, созданном с помощью create-реагировать-приложение?

Question

Я создал приложение с create-react-app, и я хотел бы настроить некоторые envs в JS файлах. Куда мне поместить эти файлы, если я хочу, чтобы они выполнялись сразу после инициализации сервера?

Я пытался добавить index.js в папку root и создать файл server/config.js, но этого не происходит работа.

Answer 1

если ваша цель здесь - проверить среду приложения во внешнем интерфейсе, то нет необходимости устанавливать какой-либо файл .env, вы можете просто установить глобальные переменные перед запуском нужного скрипта внутри пакета. json файл, подобный этому:

"scripts": {
   "start": "REACT_APP_ENVIRONMENT=LOCAL react-scripts start"
   "build": "REACT_APP_ENVIRONMENT=PRODUCTION react-scripts build"
}

, поэтому всякий раз, когда вы хотите работать в локальной среде, вы запускаете npm start, и для переменной REACT_APP_ENVIRONMENT устанавливается значение LOCAL.

и такая же работа, когда вы хотите чтобы запустить приложение в рабочей среде, вы запускаете сценарий npm run build, и для переменной REACT_APP_ENVIRONMENT устанавливается PRODUCTION значение

вы можете использовать те же переменные в файле конфигурации js для получения текущей среды вот так:

export const isDevelopment = REACT_APP_ENVIRONMENT === 'LOCAL'; export const isProduction = REACT_APP_ENVIRONMENT === 'PRODUCTION';

Answer 2

Создайте файл .env в каталоге root вашего приложения. Перед каждой переменной среды добавьте строку REACT_APP_varNameHere. Найти примеры здесь: https://create-react-app.dev/docs/adding-custom-environment-variables/