Skip to content

任意变体提取器

一个更复杂的提取器,以支持实用工具的任意变体。

html
<div class="[&>*]:m-1 [&[open]]:p-2"></div>

将会捕获 [&>*]:m-1[&[open]]:p-2 作为变体。

该提取器被包括在 @unocss/preset-mini 中,作为默认提取器。通常你不需要手动安装这个包。

安装

bash
pnpm add -D @unocss/extractor-arbitrary-variants
bash
yarn add -D @unocss/extractor-arbitrary-variants
bash
npm install -D @unocss/extractor-arbitrary-variants
bash
bun add -D @unocss/extractor-arbitrary-variants
uno.config.ts
ts
import extractorArbitrary from '@unocss/extractor-arbitrary-variants'
import { defineConfig } from 'unocss'

export default defineConfig({
  extractors: [
    extractorArbitrary(),
  ],
})