🔧
Build Tool15M+/wkMIT

vite

Vite is a next-generation frontend build tool created by Evan You (creator of Vue.js) that provides an extremely fast development experience through native ES m

Installation

npm
npm install -D vite
yarn
yarn add -D vite
pnpm
pnpm add -D vite

Import

ESM
// vite.config.ts
import { defineConfig } from 'vite';

Quick Example

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

export default defineConfig({
  plugins: [react()],
  server: { port: 3000 },
});

About vite

Vite is a next-generation frontend build tool created by Evan You (creator of Vue.js) that provides an extremely fast development experience through native ES module serving and Hot Module Replacement. During development, Vite serves source files over native ESM, meaning the browser requests individual modules and Vite transforms them on demand — this eliminates the bundling step entirely, providing instant server start regardless of application size. For production, Vite uses Rollup to produce optimized, tree-shaken bundles with code splitting and asset optimization. Vite supports TypeScript, JSX, CSS modules, PostCSS, CSS pre-processors, JSON, WebAssembly, and static assets out of the box without configuration. The framework is frontend-agnostic with official templates for React, Vue, Svelte, Preact, Lit, and vanilla JavaScript. Vite's plugin API is a superset of Rollup's plugin interface, giving access to Rollup's extensive plugin ecosystem alongside Vite-specific hooks for development server customization. Vite has become the default build tool for new projects in the Vue, Svelte, and SolidJS ecosystems, and is rapidly gaining adoption in React projects as a faster alternative to Create React App.

Quick Facts

Packagevite
CategoryBuild Tool
Weekly Downloads15M+
LicenseMIT
Installnpm install -D vite

Related Packages

Browse npm Packages by Category

Explore our reference of 200 popular npm packages with install commands, examples, and quick-start guides.