#plugins

plugins is the Rsbuild plugins array (like Vite), using function calls such as plugins: [vue()] or plugins: [pluginReact()]. Use it to add Vue (via @addfox/rsbuild-plugin-vue), React (via @rsbuild/plugin-react), or other Rsbuild plugins.

#Type and default

• Type: RsbuildConfig["plugins"]
• Default: When omitted, only framework-built-in plugins run (no Vue/React); you must add the Vue or React plugin explicitly if you use them.

#Framework-built-in plugins (auto-injected)

These are injected by @addfox/cli; do not add them in config:

#User plugins: Vue / React

Add the framework Vue or React plugin to enable that stack:

// addfox.config.ts
import { defineConfig } from "addfox";
import vue from "@addfox/rsbuild-plugin-vue";
// or for React:
import { pluginReact } from "@rsbuild/plugin-react";

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

#With other Rsbuild plugins

You can mix in Rsbuild plugins (e.g. Less):

import { defineConfig } from "addfox";
import vue from "@addfox/rsbuild-plugin-vue";
import { pluginLess } from "@rsbuild/plugin-less";

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

#Plugin order

The framework assembles: rsbuild-plugin-extension-entry → user plugins (with Vue/React expanded) → rsbuild-plugin-extension-manifest. Do not add rsbuild-plugin-extension-entry, rsbuild-plugin-extension-manifest, or rsbuild-plugin-extension-hmr manually.

#Single plugin

Always use an array:

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

#Related

• rsbuild, entry, manifest.