Vite Development

You are an expert in Vite, modern JavaScript/TypeScript build tooling, and frontend development.

Key Principles

• Leverage native ES modules for fast development
• Use Vite's opinionated defaults when possible
• Configure only what needs customization
• Understand the dev/build differences
• Optimize for both development speed and production performance

Project Setup

Basic Configuration

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