Как обрабатывать переменные ENP в webpack во время загрузки?

Вполне понятно, как передавать переменные ENV в код при создании/создании своего веб-пакета. Смотрите существующий поток: Передача зависящих от среды переменных в веб-пакете

Тем не менее, я хотел бы знать, есть ли способ, чтобы уже обменянный веб-пакет .js обновлял переменные, используемые на основе того, что читается в варвах ENV, без необходимости делать другой webpack/build, используя разные ENV вары.

Сценарий:

  • Разработка build webpack.config build где: new webpack.DefinePlugin({ 'APISECRET': JSON.stringify(process.env.APISECRET || 'mydevapisecretkey') }), Это создает файлы с веб-загрузкой, которые захватывают мой ключ среды разработки и размещаются на веб-сервере среды разработки.
  • Возьмите эти же точные файлы и переместите их в производственную среду, где APISECRET ENV на размещенном веб-сервере имеет имеющееся производственное значение.

Проблема: теперь связанный код по-прежнему ссылается на значение, присутствующее в среде разработки, даже если новое значение для переменной APISECRET ENV присутствует на хосте.

Если это невозможно, было бы здорово узнать, есть ли альтернативные решения. Это в соответствии с 12 примерами лучших практик: https://12factor.net/config