Плагины

ПРИМЕЧАНИЕ

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

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

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

@vitejs/plugin-vue

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

@vitejs/plugin-vue-jsx

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

@vitejs/plugin-react

Использует esbuild и Babel, что позволяет достичь быстрого HMR при небольшом размере пакета и гибкости использования конвейера преобразований Babel. Без дополнительных плагинов Babel при сборке используется только esbuild.

@vitejs/plugin-react-swc

Заменяет Babel на SWC во время разработки. Во время сборок для продакшена применяются SWC и esbuild при работе с плагинами, а в остальных случаях — только esbuild. Для крупных проектов, не требующих нестандартных расширений React, первоначальный запуск и горячая замена модулей (HMR) могут быть значительно быстрее.

@vitejs/plugin-rsc

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

npm create vite@latest -- --template rsc

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

@vitejs/plugin-legacy

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

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

Загляните на awesome-vite — там вы также можете отправить PR со списком своих плагинов.

Плагины Rollup

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