Skip to content

插件

注意

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 快速刷新支持。

@vitejs/plugin-react-swc

在开发期间用 SWC 替换 Oxc 以便使用 SWC 插件。在生产构建期间,使用插件时会使用 SWC+Oxc Transformer。对于需要自定义插件的大型项目,如果插件也适用于 SWC,冷启动和热模块替换 (HMR) 可能会显著更快。

@vitejs/plugin-rsc

Vite 通过该插件支持 React Server Components (RSC)。它利用 环境 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 插件兼容性部分 以获取更多信息。