Plugins

HINWEIS

Vite zielt darauf ab, Out-of-the-Box-Unterstützung für gängige Webentwicklungsmuster zu bieten. Bevor Sie nach einem Vite- oder kompatiblen Rollup-Plugin suchen, sollten Sie sich die Anleitung der Funktionen ansehen. Viele der Fälle, in denen ein Plugin für ein Rollup-Projekt benötigt wird, sind bereits in Vite abgedeckt.

Unter Plugins verwenden finden Sie Informationen über die Verwendung von Plugins.

Offizielle Plugins

@vitejs/plugin-vue

Bietet Unterstützung für Vue 3 Single File Components.

@vitejs/plugin-vue-jsx

Bietet Vue 3 JSX-Unterstützung (über dedicated Babel transform).

@vitejs/plugin-vue2

Bietet Unterstützung für Vue 2 Single File Components.

@vitejs/plugin-react

Verwendet Oxc Transformer und Babel und erreicht so ein schnelles HMR mit geringem Paketplatzbedarf und der Flexibilität, die Babel-Transformationspipeline verwenden zu können. Ohne zusätzliche Babel-Plugins wird nur Oxc Transformer während der Builds verwendet.

@vitejs/plugin-react-swc

Ersetzt Babel durch SWC während der Entwicklung. Während der produktiven Builds werden SWC+Oxc Transformer verwendet, wenn Plugins verwendet werden, und ansonsten nur Oxc Transformer. Bei großen Projekten, die benutzerdefinierte Plugins benötigen, können der Kaltstart und das Hot Module Replacement (HMR) deutlich schneller sein, falls das Plugin auch für SWC verfügbar ist.

@vitejs/plugin-rsc

Vite unterstützt React Server Components (RSC) durch das Plugin. Es nutzt die Environment API, um low-level Primitive bereitzustellen, die React Frameworks zur Integration von RSC-Funktionen nutzen können. Sie können eine minimale, alleinstehende RSC-Anwendung mit folgendem Code ausprobieren:

npm create vite@latest -- --template rsc

Lesen Sie die Plugindokumentation, um mehr zu erfahren.

@vitejs/plugin-legacy

Bietet Unterstützung für Legacy-Browser für den produktiven Build.

Plugins der Community

Schauen Sie sich awesome-vite an - Sie können auch einen Pull Request einreichen, um Ihre Plugins dort aufzulisten.

Eingebaute Rolldown-Plugins

Vite nutzt intern Rolldown und es stellt einige eingebaute Plugins für gängige Anwendungsfälle bereit.

Lesen Sie den Abschnitt für eingebaute Rolldown-Plugins für mehr Informationen.

Rollup Plugins

Vite-Plugins sind eine Erweiterung der Plugin-Schnittstelle von Rollup. Weitere Informationen finden Sie im Abschnitt Rollup-Plugin-Kompatibilität.