Skip to content

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

@vitejs/plugin-vue2

  • Provides Vue 2.7 Single File Components support.

@vitejs/plugin-vue2-jsx

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

Released under the MIT License. (e5f53019)