Как происходит сборка фронтенда | proxy, bundler, vite

Разбор сборки frontend-приложения: бандлер, конфигурация Vite, sourcemap, proxy и переменные сборки. Есть примеры настройки проекта.

Таймлайн

Автор разбирает, как Vite и бандлер превращают исходный frontend-код в файлы для браузера. Показаны конфигурация, sourcemap, proxy и define.

Бандлер обрабатывает модули и ресурсы, потому что браузер не понимает весь исходный проект как есть.
Sourcemap помогает сопоставить ошибку production-сборки с исходным кодом.
Proxy в dev-среде решает запросы к API локально и не должен подменять production-настройку.