跳转到内容

插件

注意

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

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

官方插件

@vitejs/plugin-vue

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

@vitejs/plugin-vue-jsx

提供 Vue 3 JSX 支持(通过专用 Babel 转换器)。

@vitejs/plugin-react

通过 Oxc Transformer 提供 React 快速刷新(Fast Refresh)支持。

@vitejs/plugin-react-swc

在开发过程中使用 SWC 替代 Oxc,以支持 SWC 插件的使用。在生产环境构建时,如果使用了插件,则会结合使用 SWC 和 Oxc Transformer。对于需要自定义插件的大型项目,如果插件也支持 SWC,冷启动和模块热替换(HMR)速度会显著提升。

@vitejs/plugin-rsc

Vite 通过此插件支持 React Server Components (RSC)。它利用 环境 API (Environment API) 提供底层原语,供 React 框架集成 RSC 功能。你可以尝试一个最小化的独立 RSC 应用程序。

bash
npm create vite@latest -- --template rsc

阅读插件文档以了解更多信息。

@vitejs/plugin-legacy

为生产构建提供传统浏览器支持。

社区插件

查看 Vite 插件注册表,获取发布到 npm 的插件列表。

Rolldown 内置插件

Vite 底层使用 Rolldown,它为常见用例提供了一些内置插件。

阅读 Rolldown 内置插件章节获取更多信息。

Rolldown / Rollup 插件

Vite 插件是 Rollup 插件接口的扩展。查看 Rollup 插件兼容性章节以了解更多信息。