Vite is a blazing fast frontend build tool powering the next generation of web applications
Getting Started | Vite
Getting Started | Vite
Vite (French word for "quick", pronounced /vit/, like "veet") is a new breed of frontend build tooling that significantly improves the frontend development experience. It consists of two major parts:
A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
In addition, Vite is highly extensible via its Plugin API and JavaScript API with full typing support.
The major difference between Vite vs Webpack lies in its functionality and its bundling process. Webpack is a bundler-first tool, which means it bundles all the files (including all dependencies) into one or more optimized files in development and also during the production build. Vite, on the other hand, serves files to the browser using ESM and does not bundle code during development. Vite bundles code during the production build process.
