UnoCSS CLI

Príkazové rozhranie pre UnoCSS: @unocss/cli.

• 🍱 Vhodné pre tradičné backendy ako Laravel alebo Kirby
• 👑 Režim sledovania zahrnutý
• 🔌 Podporuje vlastné konfigurácie cez uno.config.ts

Inštalácia

Tento balík je dodávaný s balíkom unocss:

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

Môžete tiež nainštalovať samostatný balík:

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

Ak nemôžete nájsť binárny súbor (napr. s pnpm a je nainštalovaný iba unocss), budete musieť explicitne nainštalovať samostatný balík @unocss/cli.

Použitie

Môžete tiež odovzdať viacero glob vzorov do @unocss/cli:

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

Príklad konfigurácie balíka:

INFO

Uistite sa, že ste pridali escapované úvodzovky k vašim npm script glob vzorom.

{
  "scripts": {
    "dev": "unocss \"site/{snippets,templates}/**/*.php\" --watch",
    "build": "unocss \"site/{snippets,templates}/**/*.php\""
  },
  "devDependencies": {
    "@unocss/cli": "latest"
  }
}

Development

Pridajte prepínač --watch (alebo -w) na povolenie sledovania zmien súborov:

unocss "site/{snippets,templates}/**/*.php" --watch

Production

unocss "site/{snippets,templates}/**/*.php"

Finálny uno.css bude predvolene vygenerovaný do aktuálneho adresára.

Vstavané funkcie

Configurations

Vytvorte konfiguračný súbor uno.config.js alebo uno.config.ts v koreňovom adresári vášho projektu na prispôsobenie UnoCSS.

import { defineConfig } from 'unocss'

export default defineConfig({
  cli: {
    entry: {}, // CliEntryItem | CliEntryItem[]
  },
  // ...
})

interface CliEntryItem {
  /**
   * Glob vzory na zhodu súborov
   */
  patterns: string[]
  /**
   * Výstupný názov súboru pre vygenerovaný UnoCSS súbor
   */
  outFile: string
}

Zoznam možností nájdete v dokumentácii UnoCSS konfigurácií.

Options

Options
-v, --version	Zobraziť aktuálnu verziu UnoCSS
-c, --config-file <file>	Konfiguračný súbor
-o, --out-file <file>	Výstupný názov súboru pre vygenerovaný UnoCSS súbor. Predvolene uno.css v aktuálnom pracovnom adresári
--stdout	Zapísať vygenerovaný UnoCSS súbor na STDOUT. Spôsobí ignorovanie --watch a --out-file
-w, --watch	Indikuje, či súbory nájdené glob vzormi majú byť sledované
--preflights	Povoliť preflight štýly
--write-transformed	Aktualizovať zdrojové súbory s transformovanými utilitami
-m, --minify	Minifikovať vygenerované CSS
-h, --help	Zobraziť dostupné možnosti CLI