AddFox
  • English

      • Vue

      Add @addfox/rsbuild-plugin-vue to plugins in addfox.config.ts to enable Vue 3 (SFC, Vue runtime).

      Setup

      pnpm
      npm
      yarn
      bun
      pnpm add vue
pnpm add @addfox/rsbuild-plugin-vue -D
      // addfox.config.ts
import { defineConfig } from "addfox";
import vue from "@addfox/rsbuild-plugin-vue";

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

      TSX/JSX Support

      @addfox/rsbuild-plugin-vue supports both Vue SFC (.vue) and TSX/JSX out of the box. No additional configuration needed.

      Manual Setup (if not using @addfox/rsbuild-plugin-vue)

      If you prefer to use the official Rsbuild plugins manually, you need to install additional dependencies:

      pnpm
      npm
      yarn
      bun
      pnpm add @rsbuild/plugin-babel @rsbuild/plugin-vue @rsbuild/plugin-vue-jsx -D
      // addfox.config.ts
import { defineConfig } from "addfox";
import pluginBabel from "@rsbuild/plugin-babel";
import pluginVue from "@rsbuild/plugin-vue";
import pluginVueJsx from "@rsbuild/plugin-vue-jsx";

export default defineConfig({
  plugins: [
    pluginBabel({ include: /\.(?:jsx|tsx)$/ }),
    pluginVue(),
    pluginVueJsx(),
  ],
});