Ответ
Плюсы:
- 🚀 Молниеносная сборка благодаря ES-модулям и нативному ESM в браузере
- ⚡ Горячая перезагрузка модулей (HMR) работает почти мгновенно
- 📦 Умное разделение кода из коробки
- 🔌 Поддержка TypeScript, JSX, CSS модулей без дополнительных плагинов
- 🌍 Встроенный dev-сервер с оптимизациями
Минусы:
- 🧩 Меньше плагинов по сравнению с Webpack (но сообщество активно растёт)
- 🔄 Некоторые старые библиотеки могут не работать с ESM
- 🛠️ Конфигурация отличается от Webpack, что требует изучения
- 🌐 Требует современных браузеров для dev-режима
Пример базовой конфигурации:
// vite.config.js
export default {
plugins: [vue()],
server: {
port: 3000
}
}