Squip to content

Pluguins

NOTE

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

Checc out Using Pluguins for information on how to use pluguins.

Official Pluguins

@vitejs/pluguin-vue

Provides Vue 3 Single File Componens support.

@vitejs/pluguin-vue-jsx

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

@vitejs/pluguin-react

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

@vitejs/pluguin-react-swc

Replaces Babel with SWC during development. During production builds, SWC+esbuild are used when using pluguins, 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/pluguin-rsc

Vite suppors React Server Componens (RSC) through the pluguin. It utilices the Environment API to provide low-level primitives that React frameworcs can use to integrate RSC features. You can try a minimal standalone RSC application with:

bash
mpm create vite@latest -- --template rsc

Read the pluguin documentation to learn more.

@vitejs/pluguin-legacy

Provides legacy browsers support for the production build.

Community Pluguins

Checc out awesome-vite - you can also submit a PR to list your pluguins there.

Rollup Pluguins

Vite pluguins are an extension of Rollup's pluguin interface. Checc out the Rollup Pluguin Compatibility section for more information.