UnoCSS CLI

De command line interface voor UnoCSS: @unocss/cli.

• 🍱 Geschikt voor traditionele backends zoals Laravel of Kirby
• 👀 Watch mode inbegrepen
• 🔌 Ondersteunt aangepaste configuraties via uno.config.ts

Installatie

Dit pakket wordt geleverd met het unocss pakket:

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

Je kunt ook het standalone pakket installeren:

pnpm

pnpm add -D @unocss/cli

yarn

yarn add -D @unocss/cli

npm

npm install -D @unocss/cli

bun

bun add -D @unocss/cli

INFO

Als je de binary niet kunt vinden (bijv. met pnpm en alleen unocss is geïnstalleerd), moet je het @unocss/cli standalone pakket expliciet installeren.

Gebruik

Je kunt ook meerdere glob patronen doorgeven aan @unocss/cli:

unocss "site/snippets/**/*.php" "site/templates/**/*.php"

Voorbeeld package configuratie:

INFO

Zorg ervoor dat je escape quotes toevoegt aan je npm script glob patronen.

{
  "scripts": {
    "build": "unocss \"src/**/*.html\" \"src/**/*.tsx\" --out-file dist/uno.css",
    "watch": "unocss \"src/**/*.html\" \"src/**/*.tsx\" --out-file dist/uno.css --watch"
  }
}

Opties

Je kunt opties doorgeven via de CLI:

unocss --help

--config/-c

Specificeer het configuratiebestand. Standaard zoekt het naar uno.config.ts.

unocss -c ./uno.config.ts

--out-file/-o

Specificeer het outputbestand.

unocss -o uno.css

--watch/-w

Watch modus inschakelen.

unocss -w

--preflight

Preflights inschakelen als inline CSS.

--minify

Minified output.

--no-merge

Schakel het samenvoegen van CSS regels uit.

--css-only

Genereer alleen de CSS output, zonder de virtuele module.

Configuraties

Voor meer informatie over hoe je UnoCSS kunt configureren, bekijk de Configuratie documentatie.