知海

插件与生态索引

vite-main模板、包与插件

插件与生态索引

:::tip 注意
Vite 旨在为常见的 Web 开发模式提供开箱即用的支持。在查找 Vite 或兼容的 Rollup 插件之前,请先查看功能指南。在 Rollup 项目中许多需要插件才能解决的场景,Vite 已经内置覆盖。
:::

有关如何使用插件的信息,请参阅使用插件

官方插件

@vitejs/plugin-vue

提供 Vue 3 单文件组件(SFC)支持。

@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 提供底层原语,React 框架可基于这些原语集成 RSC 功能。你可以通过以下命令尝试一个最小的独立 RSC 应用:

bash 复制代码
npm create vite@latest -- --template rsc

更多信息请阅读插件文档

@vitejs/plugin-legacy

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

社区插件

请访问 Vite 插件注册表 查看已发布至 npm 的插件列表。

Rolldown 内置插件

Vite 底层使用 Rolldown,并为常见用例提供了几个内置插件。

更多信息请参阅 Rolldown 内置插件部分

Rolldown / Rollup 插件

Vite 插件是 Rollup 插件接口的扩展。有关更多信息,请参阅 Rollup 插件兼容性部分

帮助我们改进文档

发现翻译问题或内容错误?请告诉我们。