@unocss/transformer-compile-class

Compile group of classes into one class. Inspired by WindiCSS's compilation mode and #948 by @UltraCakeBakery.

Install

``bash
npm i -D @unocss/transformer-compile-class
`

`ts
import transformerCompileClass from '@unocss/transformer-compile-class'
// uno.config.ts
import { defineConfig } from 'unocss'

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

Usage

At the begin of your class strings, add :uno: at the begin of the strings to mark them for compilation. For example:

`html