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