UnoCSS CLI

UnoCSS için komut satırı arayüzü: @unocss/cli.

• 🍱 Laravel veya Kirby gibi geleneksel backend'ler için uygundur
• 👀 İzleme modu dahil
• 🔘 uno.config.ts aracılığıyla özel yapılandırmaları destekler

Installation

Bu paket unocss paketiyle birlikte gönderilir:

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

Bağımsız paketi de yükleyebilirsiniz:

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

İkili dosyayı bulamazsanız (örneğin pnpm ile ve yalnızca unocss yüklüyse), @unocss/cli bağımsız paketini açıkça yüklemeniz gerekir.

Usage

@unocss/cli'ye birden fazla glob deseni de geçirebilirsiniz:

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

Örnek paket yapılandırması:

INFO

Kaçışlı tırnak işaretlerini npm betik glob desenlerinize eklediğinizden emin olun.

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

Development

Dosya değişikliklerini izlemeyi etkinleştirmek için --watch (veya -w) bayrağını ekleyin:

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

Production

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

Nihai uno.css varsayılan olarak geçerli dizine oluşturulacaktır.

Built-in features

Configurations

UnoCSS'i özelleştirmek için projenizin kök düzeyinde bir uno.config.js veya uno.config.ts yapılandırma dosyası oluşturun.

import { defineConfig } from 'unocss'

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

interface CliEntryItem {
  /**
   * Dosyaları eşleştirmek için glob desenleri
   */
  patterns: string[]
  /**
   * Oluşturulan UnoCSS dosyası için çıktı dosya adı
   */
  outFile: string
}

Seçenekler listesi için UnoCSS yapılandırmaları dokümanlarına gidin.

Options

Options
-v, --version	UnoCSS'in mevcut sürümünü görüntüle
-c, --config-file <file>	Yapılandırma dosyası
-o, --out-file <file>	Oluşturulan UnoCSS dosyası için çıktı dosya adı. Varsayılan olarak geçerli çalışma dizininde uno.css
--stdout	Oluşturulan UnoCSS dosyasını STDOUT'a yaz. --watch ve --out-file'ın dikkate alınmamasına neden olur
-w, --watch	Glob deseni tarafından bulunan dosyaların izlenip izlenmeyeceğini belirtir
--preflights	Preflight stillerini etkinleştir
--write-transformed	Kaynak dosyaları dönüştürülmüş yardımcı programlarla güncelle
-m, --minify	Oluşturulan CSS'i küçült
-h, --help	Mevcut CLI seçeneklerini görüntüle