Как вы, вероятно, знаете, если вы разрабатываете хороший дизайн-проект, вам может потребоваться использовать Webpack Encore, который является более простым способом интеграции Webpack в ваше приложение Symfony. В некоторых случаях вам может потребоваться использовать некоторые переменные среды от серверной части до интерфейсной логики, например, для ключа api.

Для решения этой проблемы я использовал библиотеку dotenv, поэтому первым делом нужно ее установить.

yarn add dotenv

После этого загрузите dotenv в файл webpack.config.js, импортируйте библиотеку и используйте метод Encore configureDefinePlugin для определения новых переменных среды:

Теперь вы можете получить доступ к ключу api во внешнем коде с помощью переменной среды процесса:

const BEST_API_KEY = process.env.BEST_API_KEY; 

Наслаждайтесь 😉

Вы по-другому решили эту проблему? Оставьте мне комментарий 😃