Next Generation Frontend Tooling
- 💡 Instant Server Start
- ⚡️ Lightning Fast HMR
- 🛠️ Rich Features
- 📦 Optimized Build
- 🔩 Universal Plugin Interface
- 🔑 Fully Typed APIs
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.
- Introduction
- Table of Contents
- Examples and Use Cases
- Cross-References
- Formatting and Organization
- Packages
- Contribution
- License
- Sponsors
Vite can be used in various scenarios, including but not limited to:
- Developing single-page applications (SPAs) with frameworks like Vue, React, and Svelte.
- Building multi-page applications (MPAs) with multiple entry points.
- Creating browser-oriented libraries with optimized builds.
- Developing static sites with fast development server and optimized production builds.
- Building server-side rendered (SSR) applications with frameworks like Nuxt.js and Next.js.
For more detailed information on specific topics, refer to the following sections of the documentation:
The documentation is organized into different sections to make it more readable and user-friendly. Each section provides detailed information on specific topics, along with examples and use cases to help users understand and utilize Vite effectively.
| Package | Version (click for changelogs) |
|---|---|
| vite |  |
| @vitejs/plugin-legacy |  |
| create-vite |  |
See Contributing Guide.
MIT.
