Preact Plugin

The Preact plugin provides support for Preact, integrating features such as JSX compilation and React aliasing.

Quick Start

Install Plugin

You can install the plugin using the following command:

npm
yarn
pnpm
bun
npm add @rsbuild/plugin-preact -D

Register Plugin

You can register the plugin in the rsbuild.config.ts file:

rsbuild.config.ts
import { pluginPreact } from '@rsbuild/plugin-preact';

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

After registering the plugin, you can directly develop Preact.

Options

reactAliasesEnabled

Whether to aliases react, react-dom to preact/compat.

  • Type: boolean
  • Default: true
  • Example: Disable aliases.
pluginPreact({
  reactAliasesEnabled: false,
});