Как внедрить переменные на стороне сервера в начальную загрузку страницы для приложений, управляемых веб-приложениями /SPA/ веб-пакетами?
Это сложный вопрос, потому что мне интересно, если я просто поступаю неправильно, а отслеживать изменения в экосистеме JS/web-dev довольно сложно.
1) Исторически AFAIK, веб-приложения создавались на стороне сервера с использованием языка шаблонов, где сервер вставлял {{ variable}} в разметку, которая затем переводилась в HTML и обслуживалась.
2) Теперь, новый жар - это веб-пакет. Webpack-dev-server и HMR это действительно круто. Однако мне неясно, как получить {{ variable}} при начальной загрузке страницы (или последующих загрузках страницы, если я хотел) через веб-пакет. Мне кажется неэффективным запрашивать пустую HTML-страницу, а затем сразу же делать XHR-запросы для таких вещей, как "имя пользователя", для вставки в строку меню или чего-то, что может быть так же легко загружено сервером в первый раз, но не может (при по крайней мере, в разработке), потому что webpack-dev-server не имеет связи с бэкэндом моего приложения (в данном случае - flask).
Кто-нибудь понимает, с чем я здесь борюсь? Нужно ли мне целиком и полностью делать ноль шаблонов на сервере или ноль веб-пакетов?