Presets

Presets sind Teilkonfigurationen, die in die Hauptkonfiguration zusammengeführt werden.

Beim Erstellen eines Presets exportieren wir normalerweise eine Konstruktor-Funktion, für die Sie einige Preset-spezifische Optionen angeben können. Zum Beispiel:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // es unterstützt die meisten Konfigurationen, die Sie in der Root-Konfiguration haben könnten
  }
})

Dann kann der Benutzer es so verwenden:

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

export default defineConfig({
  presets: [
    myPreset({ /* Preset-Optionen */ }),
  ],
})

Sie können offizielle Presets und Community-Presets für weitere Beispiele überprüfen.