Vite: мгновенный dev-сервер

Vite запускает dev-сервер за миллисекунды, потому что в разработке пропускает сборку бандла и отдаёт нативные ES-модули прямо в браузер. Правки применяются как горячие обновления, не теряя состояние компонентов.

npm create vite@latest my-app -- --template react

Продакшн-сборка всё же собирает бандл (под капотом Rollup), так что один инструмент покрывает оба режима. Переходите с webpack, когда сборки стали казаться медленными; оставляйте webpack, пока для экзотических загрузчиков нет аналога в Vite. Одинаково работает для React и Vue.

Конфигурация без загадок

Значения по умолчанию подходят большинству проектов: не копируйте конфиг на 200 строк из статьи в блоге. Единственные настройки, которые нужны почти всем, — порт dev-сервера и прокси на бэкенд (чтобы запросы fetch не страдали от CORS), плюс базовый путь при деплое в подпапку. Читайте конфиг, который отгружаете: каждый загадочный флаг позже превращается в сеанс отладки.

Проверьте перед выкладкой

Режим разработки немного врёт: несобранные модули скрывают проблемы размера. Запускайте продакшн-сборку локально и открывайте превью перед каждым релизом — именно там вылезают раздутые зависимости и сломанные пути к ресурсам, пока исправлять их ещё дёшево.