Домен
Frontend Development
Профиль навыка
Vite, esbuild, Turbopack: конфигурация, плагины, оптимизация
Ролей
6
где встречается этот навык
Грейдов
5
сформированная дорожка роста
Обязательных требований
28
ещё 2 — необязательные
Frontend Development
Build tools и бандлинг
17.03.2026
Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.
Таблица показывает, как меняется глубина владения навыком от Junior до Principal.
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Знает Vite для Electron через electron-vite или vite-electron-builder. Настраивает vite.config.ts для main и renderer. Использует HMR для быстрой разработки renderer. | |
| Frontend Developer (Angular) | Обязателен | Понимает роль сборщика в Angular CLI: esbuild как default builder в Angular 17+. Знает разницу между dev-сервером (быстрая пересборка) и production-сборкой (оптимизация). Использует ng serve для разработки. |
| Frontend Developer (React) | Обязателен | Работает с базовой конфигурацией Vite для React-проекта: понимает dev server с HMR, TypeScript и JSX поддержку, настройку путей через resolve.alias. Использует стандартные плагины @vitejs/plugin-react, понимает различие dev/build режимов. |
| Frontend Developer (Svelte) | Обязателен | Понимает роль Vite как dev-сервера и бандлера в SvelteKit, использует стандартную конфигурацию vite.config.js. Работает с HMR для быстрой разработки Svelte-компонентов, понимает различие dev/build режимов и базовые Vite-переменные окружения. |
| Frontend Developer (Vue) | Обязателен | Использует Vite для разработки Vue-проекта — HMR, dev server, базовая конфигурация vite.config.ts. Понимает разницу между dev и production режимами, настраивает aliases и environment variables. |
| Fullstack Developer | Обязателен | Работает с Vite в fullstack-проектах: понимает dev-сервер с HMR, базовую конфигурацию для React/Vue. Умеет настроить proxy для API-запросов к бэкенду, импортировать ассеты и использовать environment-переменные для разных окружений. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Настраивает electron-vite с TypeScript, path aliases, environment variables. Конфигурирует Vite plugins для Electron-специфики. Оптимизирует build через Rollup options. Настраивает preview mode. | |
| Frontend Developer (Angular) | Обязателен | Настраивает сборку Angular-приложения: выбор между esbuild и webpack builder, кастомизация angular.json для оптимизации, настройка environment-файлов, source maps, asset management и стилевые препроцессоры. |
| Frontend Developer (React) | Обязателен | Настраивает продвинутую конфигурацию Vite для React: кастомные плагины, оптимизация зависимостей через optimizeDeps, настройка proxy для API. Конфигурирует Vitest как test runner, env-переменные через .env файлы, настраивает build для production. |
| Frontend Developer (Svelte) | Обязателен | Настраивает Vite для SvelteKit-проекта: кастомные алиасы путей, proxy для API, оптимизация зависимостей (optimizeDeps). Подключает Vite-плагины для SVG-компонентов, imagetools, настраивает build-оптимизации и environment variables для разных окружений. |
| Frontend Developer (Vue) | Обязателен | Настраивает Vite для Vue-проекта — плагины (unplugin-auto-import, unplugin-vue-components), proxy для API, оптимизация dep pre-bundling. Конфигурирует Vitest через vite.config, настраивает SSR режим для Nuxt. |
| Fullstack Developer | Обязателен | Самостоятельно реализует сложные UI-компоненты с Vite и современные бандлеры. Оптимизирует производительность рендеринга. Пишет тесты. Применяет для state management. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Обязателен | Проектирует Vite-based build pipeline для enterprise Electron. Создаёт custom Vite plugins для Electron. Оптимизирует cold start и HMR performance. Интегрирует с electron-builder. |
| Frontend Developer (Angular) | Обязателен | Оптимизирует сборочный пайплайн Angular: кастомные webpack-конфигурации через @angular-builders/custom-webpack, Module Federation для микрофронтендов, оптимизация CI-сборки через кеширование и параллелизм. |
| Frontend Developer (React) | Обязателен | Проектирует Vite-конфигурацию для сложных React-приложений: multi-entry builds, library mode для UI-пакетов, SSR-конфигурацию. Создаёт кастомные Vite-плагины для специфичных трансформаций, оптимизирует cold start и HMR для больших проектов. |
| Frontend Developer (Svelte) | Обязателен | Проектирует продвинутую Vite-конфигурацию для SvelteKit: custom плагины, SSR externals, условные сборки для разных адаптеров. Оптимизирует скорость сборки через persistent cache, parallel transforms, создаёт Vite-плагины для кодогенерации и метрик. |
| Frontend Developer (Vue) | Обязателен | Проектирует Vite конфигурацию для масштабных Vue-приложений — custom плагины, multi-entry builds, library mode для компонентных библиотек. Оптимизирует время сборки через parallelism, caching и incremental builds. |
| Fullstack Developer | Обязателен | Настраивает Vite для fullstack-разработки: кастомные плагины, SSR-mode для серверного рендеринга, оптимизация pre-bundling зависимостей. Конфигурирует multi-entry builds для разных частей приложения и интегрирует Vitest для сквозного тестирования. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Обязателен | Определяет Vite стратегию для Electron-команды. Координирует build tooling standardization. Формирует Vite best practices. |
| Frontend Developer (Angular) | Обязателен | Управляет сборочной инфраструктурой Angular-проекта: миграция на esbuild-builder, Nx-кеширование для монорепозитория, стандартизация build-конфигураций, мониторинг времени сборки и его оптимизация. |
| Frontend Developer (React) | Обязателен | Стандартизирует Vite-конфигурацию для React-проектов команды: shared preset в монорепо с Turborepo, единые правила оптимизации, стратегия миграции с webpack. Определяет стандарты производительности сборки, мониторит build times в CI. |
| Frontend Developer (Svelte) | Обязателен | Стандартизирует Vite-конфигурацию в Svelte-проектах команды: shared presets, plugin-стек, build-пайплайны для монорепозиториев. Определяет стратегию обновления Vite и SvelteKit, обеспечивает стабильность сборок и оптимальное время билда в CI. |
| Frontend Developer (Vue) | Обязателен | Определяет стандарты Vite-конфигурации для Vue-команд — shared presets, plugin governance, migration guide. Внедряет Turborepo для монорепо с Vue-проектами, оптимизирует CI/CD pipeline через кэширование Vite артефактов. |
| Fullstack Developer | Обязателен | Проектирует Vite-инфраструктуру fullstack-платформы: монорепо конфигурация с shared-плагинами, SSR-pipeline, кастомные трансформации. Определяет стандарты конфигурации для команды и оптимизирует DX при fullstack-разработке с единым инструментом сборки. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Обязателен | Формирует enterprise Vite стандарты для Electron. Оценивает Vite roadmap для desktop. Определяет build tooling strategy. |
| Frontend Developer (Angular) | Обязателен | Определяет стратегию сборки на уровне Angular-платформы: архитектура монорепо через Nx, distributed task execution, кастомные builders для специфичных требований, интеграция с облачным кешированием. |
| Frontend Developer (React) | Обязателен | Определяет build-стратегию для экосистемы React-приложений: выбор между Vite и Turbopack для различных сценариев, архитектуру монорепо-сборки, оптимизацию CI/CD пайплайнов. Оценивает новые инструменты (Turbopack, Rspack) и планирует миграционные пути. |
| Frontend Developer (Svelte) | Обязателен | Определяет стратегию инструментов сборки на уровне организации, исследует Rolldown и будущие оптимизации Vite для Svelte. Влияет на развитие vite-plugin-svelte, контрибутит в экосистему Vite, формирует архитектурные решения для build-инфраструктуры платформы. |
| Frontend Developer (Vue) | Обязателен | Формирует стратегию build-инструментов для Vue-экосистемы компании — оценка Vite vs Turbopack, вклад в экосистему плагинов, унификация сборки. Исследует Rolldown, Module Federation 2.0 и другие эволюции бандлинга. |
| Fullstack Developer | Обязателен | Определяет стратегию инструментов сборки организации: Vite как платформа для fullstack-проектов, миграция с webpack, архитектура плагинов. Вносит вклад в экосистему Vite, создаёт внутренние плагины и шаблоны для масштабирования fullstack-разработки. |