Мы перешли с Webpack (Laravel Mix) на Vite
До сих пор мы использовали Laravel Mix — удобный инструмент от Laravel для настройки сборки фронтенда, который под капотом запускал Webpack. Но времена меняются, и вместе с ними — технологии.
Теперь мы полностью перешли на Vite — современный инструмент сборки от создателя Vue.js, Эвана Ю. Он не просто заменяет Webpack — он предлагает принципиально новый подход к разработке: нативные ES-модули в dev-режиме, мгновенный запуск сервера, стабильный HMR и минимум конфигурации.
Почему это важно?
Скорость разработки — запуск dev-сервера теперь занимает секунды
HMR без боли — изменения в JS и CSS применяются моментально и без перезагрузки страницы.
Меньше конфигов, больше результата — Vite "из коробки" понимает TypeScript, JSX, PostCSS, CSS-модули и многое другое.
Оптимизация для production — умный code splitting, предзагрузка, минификация — всё работает автоматически.
Поддержка Laravel — Vite стал официальной заменой Mix, и мы просто следуем лучшим практикам.
Да, еще есть проблемы с bootstrap 5
Vite по умолчанию использует Dart Sass (а не Node Sass, который устарел),
Bootstrap пока частично полагается на устаревший синтаксис @import и некоторые устаревшие функции
До сих пор мы использовали Laravel Mix — удобный инструмент от Laravel для настройки сборки фронтенда, который под капотом запускал Webpack. Но времена меняются, и вместе с ними — технологии.
Теперь мы полностью перешли на Vite — современный инструмент сборки от создателя Vue.js, Эвана Ю. Он не просто заменяет Webpack — он предлагает принципиально новый подход к разработке: нативные ES-модули в dev-режиме, мгновенный запуск сервера, стабильный HMR и минимум конфигурации.
Почему это важно?
Скорость разработки — запуск dev-сервера теперь занимает секунды
HMR без боли — изменения в JS и CSS применяются моментально и без перезагрузки страницы.
Меньше конфигов, больше результата — Vite "из коробки" понимает TypeScript, JSX, PostCSS, CSS-модули и многое другое.
Оптимизация для production — умный code splitting, предзагрузка, минификация — всё работает автоматически.
Поддержка Laravel — Vite стал официальной заменой Mix, и мы просто следуем лучшим практикам.
Да, еще есть проблемы с bootstrap 5
Vite по умолчанию использует Dart Sass (а не Node Sass, который устарел),
Bootstrap пока частично полагается на устаревший синтаксис @import и некоторые устаревшие функции
