Vite

Vite (French for "fast") is a modern frontend build tool and dev server created by Evan You and now maintained by the open-source Vite community. It's the #8 most-used dev tool in the world, reported in roughly 25.4% of developer surveys, and it has largely replaced Webpack as the default bundler for new React, Vue, and Svelte projects. Developers pick it because it uses native ES modules during development for near-instant startup and hot reloads, only bundling the full app for production.

Example

A vite.config.js file configures plugins, dev server options, and build behavior for a project.

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

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

# start the dev server with instant hot reload
npm run dev

# build an optimized production bundle
npm run build

Getting started

Scaffold a new project with the official Vite creation command — it prompts you to pick a framework template.

# scaffold a new Vite project (prompts for framework)
npm create vite@latest my-app

cd my-app
npm install
npm run dev