UnoCSS CLI

UnoCSS-এর জন্য কমান্ড লাইন ইন্টারফেস: @unocss/cli।

• 🍱 Laravel বা Kirby-এর মতো traditional backends-এর জন্য উপযুক্ত
• 👀 Watch mode অন্তর্ভুক্ত
• 🔌 `uno.config.ts এর মাধ্যমে custom configurations support করে

Installation

এই package unocss package-এর সাথে ship করা হয়:

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

আপনি standalone package-ও install করতে পারেন:

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

আপনি যদি binary খুঁজে পাচ্ছেন না (যেমন pnpm দিয়ে এবং শুধুমাত্র unocss installed আছে), আপনাকে @unocss/cli standalone package explicitly install করতে হবে।

Usage

আপনি @unocss/cli-তে একাধিক glob patterns-ও pass করতে পারেন:

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

Example package configuration:

INFO

নিশ্চিত হন যে আপনার npm script glob patterns-এ escaped quotes যোগ করেছেন।

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

Development

file changes-এর জন্য watching enable করতে --watch (বা -w) flag যোগ করুন:

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

Production

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

চূড়ান্ত uno.css default হিসাবে current directory-তে generate হবে।

Built-in features

Configurations

UnoCSS-কে customize করতে আপনার project-এর root-level-এ একটি uno.config.js বা uno.config.ts configuration file তৈরি করুন।

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
}

Options-এর একটি তালিকার জন্য, UnoCSS configurations docs-এ যান।

Options

Options
-v, --version	UnoCSS-এর বর্তমান version দেখান
-c, --config-file <file>	Config file
-o, --out-file <file>	Generated UnoCSS file-এর জন্য output filename। Current working directory-এ default হিসাবে uno.css
--stdout	Generated UnoCSS file-অ STDWR-তে লিখুন। এটি --watch এবং --out-file ignore করবে
-w, --watch	Indicate করে যে glob pattern-এর দ্বারা পাওয়া files গুলি watched হবে কিনা
--preflights	preflight styles enable করুন
--write-transformed	Transformed utilities-এর সাথে source files আপডেট করুন
-m, --minify	Generated CSS minify করুন
-h, --help	Available CLI options দেখান