Для чего нужен Vite

Vite — это современный инструмент для сборки фронтенд-приложений, который обеспечивает:

1. Быструю разработку — мгновенный запуск сервера благодаря нативным ES-модулям (без сборки).
2. Оптимизацию — эффективную сборку с Rollup под капотом, tree-shaking и lazy-loading.
3. Гибкость — поддержка Vue, React, Svelte, TypeScript, CSS-препроцессоров из коробки.

Пример vite.config.js:

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  server: {
    port: 3000,
  },
});

Подходит для проектов любого размера, заменяя Webpack в современных стеках.