Skip to content

Пресеты

Пресеты — это частичные конфигурации, которые будут объединены с основной конфигурацией.

При создании пресета мы обычно экспортируем функцию-конструктор, которой можно передать специфические для этого пресета опции. Например:

my-preset.ts
ts
import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // поддерживается большинство параметров, доступных в корневой конфигурации
  }
})

Затем пользователь может использовать это следующим образом:

uno.config.ts
ts
import { defineConfig } from 'unocss'
import myPreset from './my-preset'

export default defineConfig({
  presets: [
    myPreset({ /* параметры пресета */ }),
  ],
})

Вы можете ознакомиться с официальными пресетами и пресетами сообщества для поиска дополнительных примеров.

Распространяется по лицензии MIT.