UnoCSS CLI

Vmesnik ukazne vrstice za UnoCSS: @unocss/cli.

• 🍱 Primeren za tradicionalne backende, kot so Laravel ali Kirby
• 👀 Način nadzora vključen
• 🔌 Podpira prilagojene konfiguracije prek uno.config.ts

Namestitev

Ta paket je priložen paketu unocss:

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

Prav tako lahko namestite samostojni paket:

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

Če ne morete najti binarne datoteke (npr. s pnpm in je nameščen le unocss), boste morali eksplicitno namestiti samostojni paket @unocss/cli.

Uporaba

Prav tako lahko posredujete več vzorcev glob za @unocss/cli:

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

Primer konfiguracije paketa:

INFO

Poskrbite, da dodate escape narekovaje vašim npm script glob vzorcem.

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

Development

Dodajte zastavico --watch (ali -w) za omogočitev nadzora za spremembe datotek:

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

Production

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

Končni uno.css bo generiran v trenutni imenik privzeto.

Vgrajene funkcije

Konfiguracije

Ustvarite konfiguracijsko datoteko uno.config.js ali uno.config.ts v korenskega imenika vašega projekta za prilagoditev UnoCSS.

import { defineConfig } from 'unocss'

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

interface CliEntryItem {
  /**
   * Vzorci Glob za ujemanje datotek
   */
  patterns: string[]
  /**
   * Izhodno ime datoteke za generirano UnoCSS datoteko
   */
  outFile: string
}

Za seznam možnosti si oglejte dokumentacijo UnoCSS konfiguracij.

Možnosti

Možnosti
-v, --version	Prikaži trenutno različico UnoCSS
-c, --config-file <file>	Konfiguracijska datoteka
-o, --out-file <file>	Izhodno ime datoteke za generirano UnoCSS datoteko. Privzeto je uno.css v trenutnem delovnem imeniku
--stdout	Zapiši generirano UnoCSS datoteko na STDOUT. Povzroči, da bosta --watch in --out-file prezrta
-w, --watch	Označi, če naj bodo datoteke, najdene z vzorcem glob, nadzorovane
--preflights	Omogoči preflight sloge
--write-transformed	Posodobi izvorne datoteke s transformiranimi pripomočki
-m, --minify	Minificiraj generirani CSS
-h, --help	Prikaži razpoložljive možnosti CLI