UnoCSS CLI

UnoCSS के लिए कमांड लाइन इंटरफ़ेस: @unocss/cli।

• 🍱 Laravel या Kirby जैसे पारंपरिक बैकएंड के लिए उपयुक्त
• 👀 वॉच मोड शामिल है
• 🔌 uno.config.ts के माध्यम से कस्टम कॉन्फ़िगरेशन का समर्थन करता है

इंस्टॉलेशन

यह पैकेज unocss पैकेज के साथ आता है:

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

आप स्टैंडअलोन पैकेज भी इंस्टॉल कर सकते हैं:

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

यदि आप बाइनरी नहीं पा सकते हैं (उदा. pnpm के साथ और केवल unocss इंस्टॉल है), तो आपको @unocss/cli स्टैंडअलोन पैकेज को स्पष्ट रूप से इंस्टॉल करने की आवश्यकता होगी।

उपयोग

आप @unocss/cli को कई ग्लोब पैटर्न भी पास कर सकते हैं:

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

उदाहरण पैकेज कॉन्फ़िगरेशन:

INFO

अपने npm स्क्रिप्ट ग्लोब पैटर्न में एस्केप कोट्स जोड़ना सुनिश्चित करें।

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

डेवलपमेंट

फ़ाइल परिवर्तनों को देखने के लिए --watch (या -w) फ्लैग जोड़ें:

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

प्रोडक्शन

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

अंतिम uno.css डिफ़ॉल्ट रूप से वर्तमान निर्देशिका में उत्पन्न होगा।

अंतर्निहित सुविधाएँ

कॉन्फ़िगरेशन

UnoCSS को अनुकूलित करने के लिए अपने प्रोजेक्ट की रूट-स्तर पर एक uno.config.js या uno.config.ts कॉन्फ़िगरेशन फ़ाइल बनाएं।

import { defineConfig } from 'unocss'

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

interface CliEntryItem {
  /**
   * Glob patterns to match files
   */
  patterns: string[]
  /**
   * The output filename for the generated UnoCSS file
   */
  outFile: string
}

विकल्पों की सूची के लिए, UnoCSS कॉन्फ़िगरेशन दस्तावेज़ पर जाएँ।

विकल्प

विकल्प
-v, --version	UnoCSS का वर्तमान संस्करण प्रदर्शित करें
-c, --config-file <file>	कॉन्फ़िगरेशन फ़ाइल
-o, --out-file <file>	उत्पन्न UnoCSS फ़ाइल के लिए आउटपुट फ़ाइल नाम। वर्तमान कार्य निर्देशिका में uno.css के लिए डिफ़ॉल्ट
--stdout	उत्पन्न UnoCSS फ़ाइल को STDOUT में लिखें। --watch और --out-file को अनदेखा कर देगा
-w, --watch	इंगित करता है कि ग्लोब पैटर्न द्वारा पाई गई फ़ाइलों को देखा जाना चाहिए
--preflights	प्रीफ्लाइट स्टाइल सक्षम करें
--write-transformed	रूपांतरित यूटिलिटी के साथ स्रोत फ़ाइलों को अपडेट करें
-m, --minify	उत्पन्न CSS को मिनिफ़ाई करें
-h, --help	उपलब्ध CLI विकल्प प्रदर्शित करें