Vite

Vite is the modern frontend build tool providing an ultra-fast ESM development server, rich plugin ecosystem, and flexible Environment API for cross-runtime SSR.

When to Use

• High-Speed Frontend Application Development: Instant dev server startup and lightning-fast HMR for React, Vue, Svelte, and Solid.
• Optimized Production Bundling: Generating tree-shaken, code-split production bundles using Rollup and esbuild.
• Modern Full-Stack SSR & Library Development: Building SSR setups, component libraries, and client-side SPAs.
• Fast Unit & Component Testing with Vitest: Executing unit tests using the identical Vite transform pipeline.

Quick Start

1. Minimal vite.config.ts

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