插件

注意

Vite 旨在为常见的 Web 开发模式提供开箱即用的支持。在搜索 Vite 或兼容 Rollup 插件之前，请查看功能指南。在 Rollup 项目中可能需要插件的许多情况，Vite 已经涵盖了。

查看使用插件以获取有关如何使用插件的信息。

官方插件

@vitejs/plugin-vue

• 提供 Vue 3 单文件组件支持。

@vitejs/plugin-vue-jsx

• 提供 Vue 3 JSX 支持（通过专用 Babel 转换）。

@vitejs/plugin-vue2

• 提供 Vue 2.7 单文件组件支持。

@vitejs/plugin-vue2-jsx

• 提供 Vue 2.7 JSX 支持（通过专用 Babel 转换）。

@vitejs/plugin-react

• 使用 esbuild 和 Babel，以小的包体积和使用 Babel 转换管道的灵活性实现快速 HMR。如果没有额外的 Babel 插件，则在构建期间仅使用 esbuild。

@vitejs/plugin-react-swc

• 在开发期间用 SWC 替换 Babel。在生产构建期间，使用插件时使用 SWC+esbuild，否则仅使用 esbuild。对于不需要非标准 React 扩展的大型项目，冷启动和热模块替换 (HMR) 可能会显着加快。

@vitejs/plugin-legacy

• 为生产构建提供对旧版浏览器的支持。

社区插件

查看awesome-vite - 您还可以提交 PR 以在此处列出您的插件。

Rollup 插件

Vite 插件是 Rollup 插件接口的扩展。查看Rollup 插件兼容性部分以获取更多信息。