Plugin List#

Plugin System#

You can read about the functionality of Rsbuild plugins and how to develop an Rsbuild plugin in the Plugin System documentation.

Using Plugins#

You can register Rsbuild plugins in the rsbuild.config.ts file using the plugins option. For more details, refer to plugins.

If you are using Rsbuild's JavaScript API, you can register the plugin using the addPlugins method.

Official Plugins#

The following are official plugins that can be used in Rsbuild.

For React#

Plugins available for the React framework:

• React Plugin: Provides support for React.
• SVGR Plugin: Support convert SVG to React components.
• Styled Components Plugin: Provides compile-time support for styled-components.

For Vue#

Plugins available for the Vue framework:

• Vue Plugin: Provides support for Vue 3 SFC (Single File Components).
• Vue JSX Plugin: Provides support for Vue 3 JSX / TSX syntax.
• Vue2 Plugin: Provides support for Vue 2 SFC (Single File Components).
• Vue2 JSX Plugin: Provides support for Vue 2 JSX / TSX syntax.

For Svelte#

Plugins available for the Svelte framework:

• Svelte Plugin: Provides support for Svelte components (.svelte files).

Common#

The following are common framework-agnostic plugins:

• Assets Retry Plugin: Used to automatically resend requests when static assets fail to load.
• Babel Plugin: Provides support for Babel transpilation capabilities.
• Type Check Plugin: Used to run TypeScript type checker on a separate process.
• Image Compress Plugin: Compress the image resources used in the project.
• Node Polyfill Plugin: Used to inject polyfills of Node core modules in the browser side.
• Source Build Plugin: This plugin is designed for the monorepo scenario. It supports referencing source code from other subdirectories and performs build and hot update.
• Stylus Plugin: Use Stylus as the CSS preprocessor.
• Check Syntax Plugin: Used to analyze the syntax compatibility of artifacts, to see if there are any advanced syntaxes that may cause compatibility issues.
• CSS Minimizer Plugin: Used to customize CSS minimizer, switch to cssnano or other tools for CSS compression.
• Pug Plugin: Provides support for the Pug template engine.
• Rem Plugin: Implements the rem adaptive layout for mobile pages.