Как передать аргументы при запуске npm скрипта?

Question

[alOstrovsqkii]

Пишу приложение на React и необходимо передавать токен доступа каждый раз вместе с запуском npm run start.
Вид: TOKEN= npm run start
Далее это значение надо использовать в коде, а не просто в конфиг прокинуть. Как такое реализовать?

Comments

[Saboteur]

Юзайте переменные окружения
https://create-react-app.dev/docs/adding-custom-en...

Answer 1

[historydev]

Реакт в рантайме не работает с переменными среды. (Они используются при сборке для подстановки значений)

https://docs.npmjs.com/cli/v10/commands/npm-run-script
Для передачи аргументов: npm run start -- args

Comments

[Saboteur]

то есть не работает?
а как же REACT_APP_ ?

[historydev]

Saboteur, https://create-react-app.dev/docs/adding-custom-en...

Переменные среды внедряются во время сборки . Поскольку приложение Create React создает статический пакет HTML/CSS/JS, оно не может прочитать их во время выполнения. Чтобы прочитать их во время выполнения, вам потребуется загрузить HTML в память на сервере и заменить заполнители во время выполнения, как описано здесь . Альтернативно вы можете пересобрать приложение на сервере в любое время, когда вы их измените.

[Saboteur]

Именно, запускаешь сервер с нужными переменными.
Как это сейчас часто в кубере делается - переменные передать проще чем аргументы

[Антон Иванов]

Saboteur, REACT_APP работает под CRA. Автор вопроса не указал, каким сборщиком пользуется.

[WbICHA]

Антон Иванов, это непринципиально. У вита аналогичное решение, к примеру. И то, всё это можно настроить.

[Saboteur]

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