Compile class transformer

Compileer groep van classes naar één class. Geïnspireerd door de compilation mode van Windi CSS en issue #948 door @UltraCakeBakery.

Installatie

pnpm

pnpm add -D @unocss/transformer-compile-class

yarn

yarn add -D @unocss/transformer-compile-class

npm

npm install -D @unocss/transformer-compile-class

bun

bun add -D @unocss/transformer-compile-class

import transformerCompileClass from '@unocss/transformer-compile-class'
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...
  transformers: [
    transformerCompileClass(),
  ],
})

TIP

Deze preset is opgenomen in het unocss pakket, je kunt het ook vandaar importeren:

import { transformerCompileClass } from 'unocss'

Gebruik

Voeg :uno: toe aan het begin van de class strings om ze te markeren voor compilatie.