CUIT 指南

主题

插件 ​

注意

Vite 旨在为常见的 web 开发工作提供开箱即用的支持。在搜索一个 Vite 或 Rollup 兼容插件之前，请先查看 功能指引。很多场景下，在 Rollup 项目中需要添加插件，而在 Vite 中已经内建支持了。

请查看 使用插件 一章了解更多插件使用方式。

官方插件 ​

@vitejs/plugin-vue ​

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

@vitejs/plugin-vue-jsx ​

@vitejs/plugin-vue2 ​

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

@vitejs/plugin-vue2-jsx ​

@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 插件兼容性章节 获取更多信息。