Как использовать файлы .env в react?

Question

[Yunique]

В проекте используется гем dotenv
Который позволяет создать файл .env с переменными окружения. Как можно использовать эти переменные в react? Т.е. как вызывать конкретную переменную в реакте?

Comments

[yanis_kondakov]

https://www.google.ru/search?newwindow=1&rlz=1C1GC...

[Yunique]

yanis_kondakov, благодарю, вы мне помогли. Без сарказма.

Answer 1

[Антон Спирин]

1. Читать, парсить .env и предавать переменные в код с помощью webpack.DefinePlugin.
2. Не тратить время и использовать готовую библиотеку, например dotenv-webpack.
3. С помощью Rails писать переменные в шаблон:

<script>
  window.env = {
    ENV_VARIABLE: '...',
  };
</script>

Answer 2

[lnked]

я реализовал это так
1) при сборке или старте проекта считываю нужный .env файл (в зависимости от флага с которым идет запуск)
https://github.com/lnked/react-starter/blob/master...

2) далее через DefinePlugin, подмеживаю в process.env
https://github.com/lnked/react-starter/blob/master...

3) в react скриптах уже использую полученные данные
https://github.com/lnked/react-starter/blob/master...