CLI

Kommandoradsgränssnittet för UnoCSS: @unocss/cli.

• 🍱 Lämpligt för traditionella backends som Laravel eller Kirby
• 👀 Watch-läge inkluderat
• 🔌 Stöder anpassade konfigurationer via uno.config.ts

Installation

Detta paket levereras med unocss-paketet:

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

Du kan också installera det fristående paketet:

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

Om du inte kan hitta den binära filen (t.ex. med pnpm och endast unocss är installerat), måste du explicit installera @unocss/cli fristående paket.

Användning

Du kan också skicka flera glob-mönster till @unocss/cli:

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

Exempel på paketkonfiguration:

INFO

Se till att lägga till escaperade citattecken till dina npm script glob-mönster.

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

Development

Lägg till --watch (eller -w) flaggan för att aktivera övervakning av filändringar:

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

Production

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

Den slutliga uno.css kommer att genereras till den aktuella katalogen som standard.

Inbyggda funktioner

Konfigurationer

Skapa en uno.config.js eller uno.config.ts konfigurationsfil i rotkatalogen för ditt projekt för att anpassa UnoCSS.

import { defineConfig } from 'unocss'

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

interface CliEntryItem {
  /**
   * Glob-mönster för att matcha filer
   */
  patterns: string[]
  /**
   * Utdatafilnamnet för den genererade UnoCSS-filen
   */
  outFile: string
}

För en lista över alternativ, gå till UnoCSS-konfigurationer dokumentationen.

Alternativ

Alternativ
-v, --version	Visa den aktuella versionen av UnoCSS
-c, --config-file <file>	Konfigurationsfil
-o, --out-file <file>	Utdatafilnamnet för den genererade UnoCSS-filen. Standard är uno.css i den aktuella arbetskatalogen
--stdout	Skriv den genererade UnoCSS-filen till STDOUT. Kommer att göra att --watch och --out-file ignoreras
-w, --watch	Indikerar om filerna som hittas av glob-mönstret ska övervakas
--preflights	Aktivera preflight-stilar
--write-transformed	Uppdatera källfiler med transformerade verktyg
-m, --minify	Minifiera genererad CSS
-h, --help	Visa tillgängliga CLI-alternativ