Vue 3 и Vite для корпоративных сайтов
Композиция вместо наследования, ленивые чанки на маршрутах и SSR только там, где он действительно нужен.
Обновлено:
Статья опубликована только на русском.
Vue 3 и Vite — разумный выбор для корпоративного сайта, где нужен интерактив, но не нужен весь вес фреймворка с серверным рендерингом. Решения, которые окупаются на таком проекте.
Композиция вместо наследования
Composition API позволяет вынести логику в composables и переиспользовать её без миксинов — и, в отличие от миксинов, видно, откуда взялась каждая переменная. provide и inject закрывают сквозные вещи вроде темы и локали, но ими легко злоупотребить: неявная зависимость компонента от предка ломает его переносимость, поэтому разумно ограничиться двумя‑тремя ключами на весь проект.
Сборка
- Ленивые чанки на уровне маршрутов:
() => import("./views/Catalog.vue"). - Отдельный чанк на тяжёлые зависимости — карты, редакторы, графики. Они не нужны на главной, а весят больше всего остального вместе.
- Анализ бандла перед релизом, а не после жалобы на скорость.
Когда нужен SSR
Только если страницы должны индексироваться или показывать содержательный первый экран без JS. Для внутреннего кабинета SSR — лишний слой развёртывания и лишний класс ошибок. Если же серверный рендеринг нужен на большинстве страниц, честнее сразу взять Nuxt, чем достраивать его вручную поверх Vite.