Как сделать доступным глобальный объект window в билде, собранном через webpack?

Question

[lexstile]

В приложении есть вот такие переменные:

export const APP_URL = window.env.APP_URL;
export const API_URL = window.env.API_URL;
export const APP_ENV = window.env.APP_ENV;

В сборке есть файлы: index.html, main.js, main.css
Мы в контейнере подключаем еще один файл в следующем формате первым (env.js):

window.env = {
  API_URL: 'http://localhost:3000,
  APP_ENV: 'development',
  APP_URL: 'http://localhost:10888/',
};

<script defer="defer" src="/env.js"></script>
<script defer="defer" src="/main.3a5c028b79f9394c0301.js">

Но в значения переменных ничего не попадает, хотя в глобальном объекте данные приходят.
Связываю это, что webpack изменяет ссылки и обращается уже не window.env.API_URL внутри сборки, а как-то по другому.

Comments

[Дмитрий Беляев]

вангую, что он просто не отрабатывает из-за ошибки

[Алексей Ярков]

Webpack не настолько глуп )) Возможно ваш env.js подгружается позже, а должен первым 100%. В консоли какие ошибки?

[lexstile]

Алексей Ярков, насчет позже или нет не могу сказать на 100%, но подключение было верное.
Заработало само каким-то магическим образом.
Все осталось ровно так же, как описано в теле вопроса.
И благодарю за идею, воспользовались.

Единственное, не храним репозитории env.js - он генерируется через webpack пустой автоматически, если такого файла нет.