Plugins

NOTE

Vite aims to provide out-of-the-box support for common web development patterns. Before searching for a Vite or Compatible Rollup plugin, check out the Features Guide. A lot of the cases where a plugin would be needed in a Rollup project are already covered in Vite.

Check out Using Plugins for information on how to use plugins.

Official Plugins

@vitejs/plugin-vue

Provides Vue 3 Single File Components support.

@vitejs/plugin-vue-jsx

Provides Vue 3 JSX support (via dedicated Babel transform).

@vitejs/plugin-react

Uses esbuild and Babel, achieving fast HMR with a small package footprint and the flexibility of being able to use the Babel transform pipeline. Without additional Babel plugins, only esbuild is used during builds.

@vitejs/plugin-react-swc

Replaces Babel with SWC during development. During production builds, SWC+esbuild are used when using plugins, and esbuild only otherwise. For big projects that don't require non-standard React extensions, cold start and Hot Module Replacement (HMR) can be significantly faster.

@vitejs/plugin-rsc

Vite supports React Server Components (RSC) through the plugin. It utilizes the Environment API to provide low-level primitives that React frameworks can use to integrate RSC features. You can try a minimal standalone RSC application with:

npm create vite@latest -- --template rsc

Read the plugin documentation to learn more.

@vitejs/plugin-legacy

Provides legacy browsers support for the production build.

Community Plugins

Check out awesome-vite - you can also submit a PR to list your plugins there.

Rollup Plugins

Vite plugins are an extension of Rollup's plugin interface. Check out the Rollup Plugin Compatibility section for more information.