Плагины

ПРИМЕЧАНИЕ

Vite стремится обеспечить поддержку распространённых паттернов веб-разработки из коробки. Прежде чем искать плагин Vite или совместимый Rollup-плагин, ознакомьтесь с главой Возможности. Многие случаи, когда плагин может понадобиться в проекте Rollup, уже покрываются в Vite.

Ознакомьтесь с информацией об использовании плагинов.

Официальные плагины

@vitejs/plugin-vue

Обеспечивает поддержку однофайловых компонентов Vue 3.

@vitejs/plugin-vue-jsx

Обеспечивает поддержку Vue 3 JSX через специальную трансформацию Babel.

@vitejs/plugin-react

Обеспечивает поддержку React Fast Refresh через Oxc Transformer.

@vitejs/plugin-react-swc

Во время разработки заменяет Oxc на SWC, чтобы поддерживать плагины для SWC. В продакшен-сборках используются SWC + Oxc Transformer при наличии плагинов. В больших проектах с кастомными плагинами это может значительно ускорить холодный старт и обновление модулей в HMR — при условии, что плагин также реализован для SWC.

@vitejs/plugin-rsc

Vite поддерживает React Server Components (RSC) через плагин. Он использует Environment API для предоставления низкоуровневых примитивов, которые фреймворки React могут использовать для интеграции функций RSC. Вы можете попробовать минимальное автономное приложение RSC с помощью:

npm create vite@latest -- --template rsc

Ознакомьтесь с документацией плагина, чтобы узнать больше.

@vitejs/plugin-legacy

Обеспечивает поддержку устаревших браузеров в продакшен-сборке.

Плагины сообщества

Ознакомьтесь с Реестром плагинов Vite, чтобы увидеть список плагинов, опубликованных в npm.

Встроенные плагины Rolldown

Vite использует Rolldown под капотом, и он предоставляет несколько встроенных плагинов для типичных сценариев.

Подробности — в разделе Rolldown Built-in Plugins.

Плагины Rolldown / Rollup

Плагины Vite — это расширение интерфейса плагинов Rollup. Ознакомьтесь с главой Совместимость плагинов Rollup для получения дополнительной информации.