vite

Start the development server

$ vite

$ vite --port [3000]

$ vite build

$ vite preview

$ vite --config [vite.config.js]

$ vite build --base [/my/public/path/]

$ vite --force

$ vite build --mode [production]

vite [command] [options]

Vite is a next-generation frontend build tool that provides an extremely fast development experience. It leverages native ES modules in the browser during development, eliminating the bundling step for faster hot module replacement (HMR).
For production, Vite bundles code using Rollup, producing optimized static assets. It supports TypeScript, JSX, CSS preprocessing, and various frameworks (Vue, React, Svelte) out of the box.
Configuration is typically stored in vite.config.js or vite.config.ts. Vite requires Node.js 20.19+ or 22.12+.

dev, serve

Start development server (default command).

Build for production.

Locally preview production build.

Pre-bundle dependencies.

Use specified config file.

Public base path for the build.

Set env mode (development, production).

Port number for dev server.

Hostname to listen on.

Open browser on server start.

Force dependency pre-bundling.

Clear terminal screen on start.

Log level: info, warn, error, silent.

Enable debug mode with optional filter.

Display help message.

Display version.

The preview server is not designed for production use; deploy the built files with a proper static file server. Some Node.js APIs are not available in the browser during development. Legacy browser support requires the @vitejs/plugin-legacy plugin.

Vite was created by Evan You (creator of Vue.js) and first released in April 2020. The name means "fast" in French. Vite 2.0, released in February 2021, was a major rewrite that made it framework-agnostic. It has rapidly gained adoption as an alternative to webpack, influencing the broader JavaScript tooling ecosystem.

npm(1), webpack(1), rollup(1), esbuild(1)