https://github.com/alisobirjanov/unocss-transformer-classnames-minifier

Transform UnoCSS classnames minifier
https://github.com/alisobirjanov/unocss-transformer-classnames-minifier

Last synced: about 2 months ago
JSON representation

Transform UnoCSS classnames minifier

• Host: GitHub
• URL: https://github.com/alisobirjanov/unocss-transformer-classnames-minifier
• Owner: alisobirjanov
• Created: 2024-01-19T18:53:17.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-21T17:15:27.000Z (about 1 year ago)
• Last Synced: 2025-03-09T06:17:14.633Z (2 months ago)
• Language: TypeScript
• Homepage:
• Size: 169 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-unocss - unocss-transformer-classnames-minifier - transformer-classnames-minifier) - Transform UnoCSS classnames minifier by [@alisobirjanov](https://github.com/alisobirjanov). (Community / Transformers)

README

        
# unocss-transformer-classnames-minifier

Transform UnoCSS classnames minifier.

## Install

```shell

pnpm add -D unocss-transformer-classnames-minifier

```

```ts

// uno.config.ts

import { defineConfig } from 'unocss'

import transformerClassnamesMinifier from 'unocss-transformer-classnames-minifier'

export default defineConfig({

  // ...

  transformers: [

    transformerClassnamesMinifier(),

  ],

})

```

## Usage

```html

```

Will be transformed to:

```html

```

## Options

> I suggest you to use special prefixes to avoid UnoCSS incorrectly transforming your code.

```ts

transformerClassnamesMinifier({

 

})

interface KeepOption {

  /**

   * Special prefix to avoid UnoCSS transforming your code.

   * @default ':uno:'

   */

  trigger?: string

  /**

   * Hash function

   */

  hashFn?: () => string

  /**

   * The layer name of generated rules

   */

  layer?: string

}

```