总览

插件系统

你可以阅读 插件系统 来了解 Rsbuild 插件的功能,以及如何开发一个 Rsbuild 插件。

使用插件

你可以在 rsbuild.config.ts 中通过 plugins 选项来注册 Rsbuild 插件,详见 plugins

如果你使用了 Rsbuild 的 JavaScript API,可以通过 addPlugins 方法来注册插件。

官方插件

以下是 Rsbuild 官方提供的插件。

React

适用于 React 框架的插件有:

Vue

适用于 Vue 框架的插件有:

  • Vue 插件:提供对 Vue 3 SFC(单文件组件)的支持。
  • Vue JSX 插件:提供对 Vue 3 JSX / TSX 语法的支持。
  • Vue 2 插件:提供对 Vue 2 SFC(单文件组件)的支持。
  • Vue 2 JSX 插件:提供对 Vue 2 JSX / TSX 语法的支持。

Preact

适用于 Preact 框架的插件有:

Svelte

适用于 Svelte 框架的插件有:

  • Svelte 插件:提供对 Svelte 组件(.svelte 文件)的支持。

Solid

适用于 Solid 框架的插件有:

通用插件

以下是与框架无关的通用插件:

TIP

你可以在 web-infra-dev/rsbuildrspack-contrib 中找到这些插件的源代码。

社区插件

你可以在 awesome-rspack - Rsbuild Plugins 中查看社区提供的 Rsbuild 插件。

也可以在 npm 上搜索 rsbuild-plugin 关键词来发现更多 Rsbuild 插件。