plugins

plugins используется для настройки плагинов Rsbuild.

Обзор

  • Тип: RsbuildPlugin[]
  • Значение по умолчанию: undefined
  • Обязательный: Нет

Использование

// addfox.config.ts
import { defineConfig } from "addfox";
import { pluginReact } from "@rsbuild/plugin-react";
import { pluginVue } from "@addfox/rsbuild-plugin-vue";

export default defineConfig({
  plugins: [
    pluginReact(),
    // или pluginVue(),
  ],
});

Плагины фреймворков

React

npm install @rsbuild/plugin-react
import { pluginReact } from "@rsbuild/plugin-react";

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

Vue

npm install @addfox/rsbuild-plugin-vue
import { pluginVue } from "@addfox/rsbuild-plugin-vue";

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

Другие фреймворки

  • Preact: @rsbuild/plugin-preact
  • Svelte: @rsbuild/plugin-svelte
  • Solid: @rsbuild/plugin-solid

Другие часто используемые плагины

Проверка типов TypeScript

import { pluginTypeCheck } from "@rsbuild/plugin-type-check";

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

Обработка SVG

import { pluginSvgr } from "@rsbuild/plugin-svgr";

export default defineConfig({
  plugins: [
    pluginSvgr({
      svgrOptions: {
        exportType: "default",
      },
    }),
  ],
});

Встроенные плагины

Следующие плагины автоматически внедряются Addfox, ручная конфигурация не требуется:

ПлагинНазначение
plugin-extension-entryОбработка entry расширения и генерация HTML
plugin-extension-manifestОбработка генерации manifest и внедрения путей
plugin-extension-hmrГорячая перезагрузка при разработке (только dev режим)
plugin-extension-monitorМониторинг ошибок (dev + debug режим)

Примечания

  • Массив плагинов передается в Rsbuild
  • Плагины выполняются в порядке массива
  • Плагины фреймворков автоматически обрабатывают специфическую для расширений логику

Связанная конфигурация