Как внедрить переменные окружения в React во время сборки - PullRequest
0 голосов
/ 18 января 2019

В настоящее время я использую Neutrinojs, и меня обожгли проблемы совместимости, возникающие с v8. Похоже, что решение «Использовать Neutrino v.9 beta», но в этом сценарии многие функции, от которых я зависел в v.8, облажались.

В частности, недавние изменения в WebPack сделали Neutrino 8 нестабильным, и мне пришлось обезьянить патч

Вот такие задачи я делаю:

  • Импорт переменных env в React для таких значений, как идентификатор клиента Auth0
  • Настройка html / ссылок для загрузки css, шрифтов и т. Д.
  • Если подтвердите код
  • написать Жасмин тесты
  • Включить статические файлы / папки в сборку
  • Имейте сервер разработчика, который отвечает на реагирующие URL-адреса маршрутизатора: т.е. localhost:5000/users/bob не загружается в Neutrino без взлома сервера dev.

Учитывая мое желание "Не Neutrino", как реагирует система сборки и как она позволяет вам обрабатывать / настраивать эти функции?

Заранее спасибо Дэвид Эдельхарт

Я использовал Neutrino v.8, но многие из этих задач требуют значительных настроек и имеют проблемы с памятью, которые периодически возникают, несмотря на то, что сайт на самом деле довольно маленький.

1 Ответ

0 голосов
/ 18 января 2019

Если вы используете CRA (create-реагировать-приложение), любая переменная среды, которая не начинается с REACT_APP_, будет отброшена. Поэтому вам нужно назвать переменные окружения как REACT_APP_AUTH0_CLIENT_ID. Чтобы внедрить пользовательские переменные среды, вы можете использовать что-то вроде cross-env или .env файл.

Для более: https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables

...