Skip to content

プリセット

プリセットは、メイン設定にマージされる部分的な設定です。

プリセットを作成する際は、通常、プリセット固有のオプションを指定できるコンストラクター関数をエクスポートします。例えば:

ts
import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // ルート設定で使用できるほとんどの設定をサポートしています
  }
})

ユーザーは以下のように使用できます:

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

export default defineConfig({
  presets: [
    myPreset({ /* プリセットオプション */ }),
  ],
})

より多くの例については、公式プリセットコミュニティプリセットを確認してください。

Released under the MIT License.