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 Oxc Transformer 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 Oxc Transformer is used.

@vitejs/plugin-react-swc

Replaces Babel with SWC during development. During production builds, SWC+Oxc Transformer are used when using plugins, and Oxc Transformer only otherwise. For big projects that requires custom plugins, cold start and Hot Module Replacement (HMR) can be significantly faster, if the plugin is also available for SWC.

@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.

Rolldown Builtin Plugins

Vite uses Rolldown under the hood and it provides a few builtin plugins for common use cases.

Read the Rolldown Builtin Plugins section for more information.

Rollup Plugins

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