UnoCSS Config

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

कॉन्फ़िगरेशन UnoCSS को शक्तिशाली बनाता है।

• नियम - परमाणु CSS यूटिलिटी परिभाषित करें
• शॉर्टकट - कई नियमों को एक ही शॉर्टकट में संयोजित करें।
• थीम - थीम वेरिएबल परिभाषित करें।
• वेरिएंट्स - नियमों पर कस्टम कन्वेंशन लागू करें।
• एक्सट्रैक्टर - परिभाषित करें कि कहाँ और कैसे यूटिलिटी के उपयोग को निकाला जाता है।
• प्रीफ्लाइट्स - ग्लोबल रॉ CSS परिभाषित करें।
• लेयर्स - प्रत्येक यूटिलिटी लेयर का क्रम परिभाषित करें।
• प्रीसेट्स - सामान्य उपयोग मामलों के लिए पूर्वनिर्धारित कॉन्फ़िगरेशन।
• ट्रांसफॉर्मर्स - कन्वेंशन का समर्थन करने के लिए उपयोगकर्ता स्रोत कोड को कोड ट्रांसफॉर्मर्स।
• ऑटोकम्प्लीट - अनुकूलित ऑटोकम्प्लीट सुझाव परिभाषित करें।

विकल्प

rules

• प्रकार: Rule<Theme>[]

CSS यूटिलिटी उत्पन्न करने के लिए नियम। बाद की प्रविष्टियों में उच्च प्राथमिकता होती है।

shortcuts

• प्रकार: UserShortcuts<Theme>

Windi CSS के शॉर्टकट के समान, आपको मौजूदा को संयोजित करके नई यूटिलिटी बनाने की अनुमति देता है। बाद की प्रविष्टियों में उच्च प्राथमिकता होती है।

theme

• प्रकार: Theme

नियमों के बीच साझा कॉन्फ़िगरेशन के लिए थीम ऑब्जेक्ट।

extendTheme

• प्रकार: Arrayable<ThemeExtender<Theme>> कस्टम फ़ंक्शन थीम ऑब्जेक्ट को बदलते हैं।

यह मूल ऑब्जेक्ट को पूरी तरह से बदलने के लिए एक नया थीम ऑब्जेक्ट लौटाना भी संभव है।

variants

• प्रकार: Variant<Theme>[]

सेलेक्टर को प्रीप्रोसेस करने वाले वेरिएंट्स, CSS ऑब्जेक्ट को फिर से लिखने की क्षमता रखते हैं।

extractors

• प्रकार: Extractor[]

स्रोत फ़ाइल को संभालने और संभावित क्लासेस/सेलेक्टर आउटपुट करने के लिए एक्सट्रैक्टर। भाषा-जागरूक हो सकते हैं।

preflights

• प्रकार: Preflight<Theme>[]

रॉ CSS इंजेक्शन।

layers

• प्रकार: Record<string, number>

लेयर ऑर्डर। डिफ़ॉल्ट 0।

outputToCssLayers

• प्रकार: boolean | UseCssLayersOptions
• डिफ़ॉल्ट: false

लेयर्स को CSS कैस्केड लेयर्स पर आउटपुट करता है।

cssLayerName

• प्रकार: (internalLayer: string) => string | undefined | null

CSS लेयर का नाम निर्दिष्ट करता है जिसमें आंतरिक लेयर को आउटपुट किया जाना चाहिए (यह एक सबलेयर हो सकता है उदा. "mylayer.mysublayer")।

यदि undefined लौटाया जाता है, तो आंतरिक लेयर नाम CSS लेयर नाम के रूप में उपयोग किया जाएगा। यदि null लौटाया जाता है, तो आंतरिक लेयर को CSS लेयर पर आउटपुट नहीं किया जाएगा।

sortLayers

• प्रकार: (layers: string[]) => string[]

लेयर्स को क्रमबद्ध करने का कस्टम फ़ंक्शन।

presets

• प्रकार: (PresetOrFactory<Theme> | PresetOrFactory<Theme>[])[]

सामान्य उपयोग मामलों के लिए पूर्वनिर्धारित कॉन्फ़िगरेशन।

transformers

• प्रकार: SourceCodeTransformer[]

स्रोत कोड के लिए कस्टम ट्रांसफॉर्मर्स।

blocklist

• प्रकार: BlocklistRule[]

आपके डिज़ाइन सिस्टम के लिए सेलेक्टर को बाहर करने के लिए नियम (संभावनाओं को संकीर्ण करने के लिए)। warnExcluded विकल्पों को संयोजित करने से आपको गलत उपयोग की पहचान करने में भी मदद मिल सकती है।

safelist

• प्रकार: string[]

वे यूटिलिटी जो हमेशा शामिल होती हैं।

preprocess

• प्रकार: Arrayable<Preprocessor>

आने वाली यूटिलिटी को प्रीप्रोसेस करें, बाहर करने के लिए falsy मान लौटाएं।

postprocess

• प्रकार: Arrayable<Postprocessor>

उत्पन्न यूटिल्स ऑब्जेक्ट को पोस्टप्रोसेस करें।

separators

• प्रकार: Arrayable<string>
• डिफ़ॉल्ट: [':', '-']

वेरिएंट सेपरेटर।

extractorDefault

• प्रकार: Extractor | null | false
• डिफ़ॉल्ट: import('@unocss/core').defaultExtractor

डिफ़ॉल्ट एक्सट्रैक्टर जो हमेशा लागू होता है। डिफ़ॉल्ट रूप से यह स्रोत कोड को व्हाइटस्पेस और कोट्स द्वारा विभाजित करता है।

यह प्रीसेट या उपयोगकर्ता कॉन्फ़िगरेशन द्वारा प्रतिस्थापित किया जा सकता है, केवल एक डिफ़ॉल्ट एक्सट्रैक्टर प्रस्तुत किया जा सकता है, बाद वाला पिछले वाले को ओवरराइड करेगा।

डिफ़ॉल्ट एक्सट्रैक्टर को अक्षम करने के लिए null या false पास करें।

autocomplete

ऑटो कंप्लीट के लिए अतिरिक्त विकल्प।

templates

• प्रकार: Arrayable<AutoCompleteFunction | AutoCompleteTemplate>

ऑटोकम्प्लीट सुझाव प्रदान करने के लिए कस्टम फ़ंक्शन / टेम्पलेट्स।

extractors

• प्रकार: Arrayable<AutoCompleteExtractor>

संभावित क्लासेस को चुनने और क्लास-नाम शैली के सुझावों को सही प्रारूप में रूपांतरित करने के लिए कस्टम एक्सट्रैक्टर।

shorthands

• प्रकार: Record<string, string | string[]>

ऑटोकम्प्लीट सुझाव प्रदान करने के लिए कस्टम शॉर्टहैंड। यदि मान एक सरणी है, तो इसे | से जोड़ा जाएगा और () से लपेटा जाएगा।

content

यूटिलिटी उपयोग के रूप में निकाले जाने वाले स्रोतों के लिए विकल्प।

समर्थित स्रोत:

• filesystem - फ़ाइल सिस्टम से निकालें
• inline - सादी इनलाइन टेक्स्ट से निकालें
• pipeline - बिल्ड टूल्स के ट्रांसफॉर्मेशन पाइपलाइन से निकालें, जैसे Vite और Webpack

प्रत्येक स्रोत से निकाला गया उपयोग मर्ज हो जाएगा।

filesystem

• प्रकार: string[]
• डिफ़ॉल्ट: []

अन्य सामग्री स्रोतों के अलावा, फ़ाइल सिस्टम से निकालने के लिए Glob पैटर्न।

डेव मोड में, फ़ाइलों को देखा जाएगा और HMR ट्रिगर किया जाएगा।

inline

• प्रकार: string | { code: string; id?: string } | (() => Awaitable<string | { code: string; id?: string }>)) []

निकाला जाने वाला इनलाइन टेक्स्ट।

pipeline

बिल्ड टूल्स के ट्रांसफॉर्मेशन पाइपलाइन से कुछ मॉड्यूल निकालना है या नहीं, यह निर्धारित करने के लिए फ़िल्टर।

वर्तमान में केवल Vite और Webpack एकीकरण के लिए काम करता है।

अक्षम करने के लिए false सेट करें।

include

• प्रकार: FilterPattern
• डिफ़ॉल्ट: [/\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/]

निकाली जा रही फ़ाइलों को फ़िल्टर करने वाले पैटर्न। नियमित अभिव्यक्तियों और picomatch ग्लोब पैटर्न का समर्थन करता है।

डिफ़ॉल्ट रूप से, .ts और .js फ़ाइलें नहीं निकाली जाती हैं।

exclude

• प्रकार: FilterPattern
• डिफ़ॉल्ट: [/\.(css|postcss|sass|scss|less|stylus|styl)($|\?)/]

फ़ाइलों को फ़िल्टर करने वाले पैटर्न जो नहीं निकाली जाती हैं। नियमित अभिव्यक्तियों और picomatch ग्लोब पैटर्न का समर्थन करता है।

डिफ़ॉल्ट रूप से, node_modules और dist भी निकाले जाते हैं।

configResolved

• प्रकार: (config: ResolvedConfig) => void

हल की गई कॉन्फ़िगरेशन को संशोधित करने के लिए हुक।

पहले प्रीसेट पहले चलते हैं और फिर उपयोगकर्ता कॉन्फ़िगरेशन।

configFile

• प्रकार: string | false

कॉन्फ़िगरेशन फ़ाइलों से लोड करें।

अक्षम करने के लिए false सेट करें।

configDeps

• प्रकार: string[]

उन फ़ाइलों की सूची जो कॉन्फ़िगरेशन रीलोड को भी ट्रिगर करेंगी।

cli

UnoCSS CLI विकल्प।

entry

• प्रकार: Arrayable<CliEntryItem>

UnoCSS cli एंट्री पॉइंट्स।

patterns

• प्रकार: string[]

फ़ाइल सिस्टम से निकालने के लिए Glob पैटर्न।

outFile

• प्रकार: string

आउटपुट फ़ाइल पथ।

shortcutsLayer

• प्रकार: string
• डिफ़ॉल्ट: 'shortcuts'

शॉर्टकट का लेआउट नाम।

envMode

• प्रकार: 'dev' | 'build'
• डिफ़ॉल्ट: 'build'

वातावरण मोड।

details

• प्रकार: boolean

डिबगिंग / निरीक्षण के लिए आंतरिक विवरण प्रकट करें।

warn

• प्रकार: boolean
• डिफ़ॉल्ट: true

जब मेल खाने वाले सेलेक्टर ब्लॉकलिस्ट में प्रस्तुत होते हैं तो चेतावनी जारी करें।