Vite Build Tool

Vite (French for 'quick') is a free and open-source build tool and development server for modern web projects, designed to provide a faster and leaner development experience for modern web applications. Created by Evan You (the creator of Vue.js) in 2020 and released as version 1.0 in 2021, Vite addresses the slow startup and hot module replacement (HMR) times of traditional bundlers like Webpack, especially in large projects. Key features: dev server: Vite starts a development server almost instantly regardless of project size, because it serves source files on demand via native browser ES modules. The browser loads modules as native ES modules, and Vite transforms and serves them on the fly. Hot Module Replacement (HMR): Vite provides instant HMR by leveraging native ES modules. When a file is modified, Vite only needs to invalidate and re-process the changed module, not the entire bundle. HMR updates are reflected in the browser within milliseconds, even in large projects. Build optimization: for production builds, Vite uses Rollup as its bundling engine, producing highly optimized output with tree-shaking, lazy-loading, and chunk splitting. esbuild: Vite uses esbuild (a Go-based JavaScript/TypeScript transpiler) for dependency pre-bundling and TS/JSX transpilation, which is 10-100x faster than Babel or tsc. Framework support: while created by the Vue.js author, Vite is framework-agnostic. Official templates support Vue, React, Svelte, Preact, Lit, and vanilla JS. Plugin system: Vite's plugin API is compatible with Rollup plugins, and many Vite-specific plugins exist. CSS: CSS modules, PostCSS, Sass, Less, Stylus, Tailwind CSS. TypeScript: Vite does not type-check but transpiles each file independently. Static asset handling. Written in TypeScript. MIT.