Що таке Vite?

Vite - це сучасний інструмент для збірки фронтенд-застосунків, створений як швидша альтернатива Webpack. Він використовує нативні ES-модулі в браузері на етапі розробки і працює на основі надшвидкого бандлера esbuild (або Rollup для продакшену).

#Ключові особливості Vite

1. Миттєвий старт dev-сервера - не потрібна попередня збірка всього проєкту.
2. Дуже швидкі оновлення коду - перезавантажується тільки змінений модуль.
3. Нативна підтримка TS, JSX, Vue, React і CSS-модулів з коробки.
4. Rollup-збірка для продакшену - підсумкові бандли оптимізовані та компактні.

#Як це працює

• у режимі розробки Vite віддає вихідники браузеру як ES-модулі, уникаючи тривалої пересборки
• у продакшені збирає проєкт цілком, але вже з важкими оптимізаціями

#Підсумок

Vite - це інструмент, що прискорює розробку і збірку завдяки ES-модулям, HMR нового рівня та мінімальній затримці між зміною коду і результатом у браузері.