pluginspluginsplugins

plugins 选项用于注册 Rsbuild 插件。

Rslib 与 Rsbuild 共享同一套插件系统,因此你可以在 Rslib 中使用 Rsbuild 插件。

NOTE

目前部分插件还未适配 bundleless 模式。例如,Svelte 插件目前只能在 bundle 模式下使用。

使用插件

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

rslib.config.ts
import { defineConfig } from '@rslib/core';
import { pluginReact } from '@rsbuild/plugin-react';

export default defineConfig({
  plugins: [pluginReact()],
});

官方插件

下面是 Rsbuild 官方提供的插件,适用于 Rsbuild 和 Rslib。

React

适用于 React 的插件有:

Vue

适用于 Vue 的插件有:

Preact

适用于 Preact 的插件有:

Svelte

适用于 Svelte 的插件有:

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

Solid

适用于 Solid 的插件有:

Common

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

TIP

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

社区插件

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

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