Vite

Vite в dev отдаёт исходники как native ESM с быстрым HMR и pre-bundle зависимостей через esbuild. Production-сборка идёт через Rollup: tree-shaken chunks, code splitting и ассеты.

| Фаза | Движок | Фокус интервью | |------|--------|----------------| | Dev server | Native ESM + esbuild dep scan | Cold start, границы HMR | | Production | Rollup | Граф chunks, externals, SSR |

					// vite.config.ts (минимально)
export default {
  build: { sourcemap: true, target: 'es2020' },
};
				

В клиент попадают только переменные с префиксом `import.meta.env.VITE_*`. Плагины расширяют resolution, SSR и интеграции фреймворков.

На интервью: различия dev и prod, сбои dependency optimization, dual bundles для SSR и почему Vite — общий frontend-инструмент, не только React.

Типовые ошибки: dev как эталон prod chunks; Node-only API в клиенте; неверный `base` для деплоя.

Компромисс — скорость dev против отдельной проверки Rollup output.

Чеклист:

• Проверяйте production build и preview.
• Смотрите размер chunks и dynamic import.
• Явные префиксы env для клиента.
• Плагины с понятными границами.