Плагины

ПРИМЕЧАНИЕ

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

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

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

@vitejs/plugin-vue

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

@vitejs/plugin-vue-jsx

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

@vitejs/plugin-vue2

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

@vitejs/plugin-react

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

@vitejs/plugin-react-swc

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

@vitejs/plugin-legacy

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

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

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

Плагины Rollup

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