UnoCSS কনফিগারেশন

কনফিগারেশন

কনফিগারেশনগুলি হল যা UnoCSS-কে শক্তিশালী করে তোলে।

• Rules - পারমাটিক CSS ইউটিলিটি সংজ্ঞায়িত করুন
• Shortcuts - একাধিক rules একটি একক shorthand-এ সমন্বয় করুন।
• Theme - থিম ভেরিয়েবল সংজ্ঞায়িত করুন।
• Variants - rules-এ কাস্টম কনভেনশন প্রয়োগ করুন।
• Extractors - কোথায় এবং কীভাবে ইউটিলিটিগুলির ব্যবহার বের করা হয় তা সংজ্ঞায়িত করুন।
• Preflights - গ্লোবাল raw CSS সংজ্ঞায়িত করুন।
• Layers - প্রতিটি ইউটিলিটি লেয়ারের ক্রম সংজ্ঞায়িত করুন।
• Presets - সাধারণ ব্যবহারের ক্ষেত্রে প্রি-ডিফাইনড কনফিগারেশন।
• Transformers - কনভেনশন সমর্থন করতে ব্যবহারকারীর সোর্স কোডে কোড ট্রান্সফর্মার।
• Autocomplete - কাস্টমাইজড স্বয়ংক্রিয় সম্পূর্ণতা suggestions সংজ্ঞায়িত করুন।

অপশনস

rules

• Type: Rule<Theme>[]

CSS ইউটিলিটি তৈরি করতে rules। পরবর্তী entries গুলির অগ্রাধিকার বেশি।

shortcuts

• Type: UserShortcuts<Theme>

Windi CSS-এর shortcuts-এর মতো, আপনাকে বিদ্যমানগুলি সমন্বয় করে নতুন ইউটিলিটি তৈরি করতে দেয়। পরবর্তী entries গুলির অগ্রাধিকার বেশি।

theme

• Type: Theme

Rules-এর মধ্যে শেয়ার্ড কনফিগারেশনের জন্য থিম অবজেক্ট।

extendTheme

• Type: Arrayable<ThemeExtender<Theme>> কাস্টম ফাংশন থিম অবজেক্ট পরিবর্তন করে।

এটি মূলটি সম্পূর্ণ প্রতিস্থাপন করতে একটি নতুন থিম অবজেক্ট রিটার্ন করাও সম্ভব।

variants

• Type: Variant<Theme>[]

Variants যা selectors প্রি-প্রসেস করে, CSS অবজেক্ট পুনরায় লিখতে সক্ষম।

extractors

• Type: Extractor[]

সোর্স ফাইল হ্যান্ডেল করতে এবং সম্ভাব্য classes/selectors আউটপুট করতে এক্সট্রাক্টর। ভাষা-সচেতন হতে পারে।

preflights

• Type: Preflight<Theme>[]

Raw CSS injections।

layers

• Type: Record<string, number>

Layer ক্রম। ডিফল্ট 0।

outputToCssLayers

• Type: boolean | UseCssLayersOptions
• Default: false

Layers গুলিকে CSS Cascade Layers-এ আউটপুট করে।

cssLayerName

• Type: (internalLayer: string) => string | undefined | null

CSS layer-এর নাম নির্দিষ্ট করে যেখানে internal layer আউটপুট হওয়া উচিত (একটি sublayer হতে পারে যেমন "mylayer.mysublayer")।

যদি undefined রিটার্ন হয়, internal layer name CSS layer name হিসাবে ব্যবহার হবে। যদি null রিটার্ন হয়, internal layer CSS layer-এ আউটপুট হবে না।

sortLayers

• Type: (layers: string[]) => string[]

Layers সাজাতে কাস্টম ফাংশন।

presets

• Type: (PresetOrFactory<Theme> | PresetOrFactory<Theme>[])[]

সাধারণ ব্যবহারের ক্ষেত্রে প্রি-ডিফাইনড কনফিগারেশন।

transformers

• Type: SourceCodeTransformer[]

সোর্স কোডে কাস্টম ট্রান্সফর্মার।

blocklist

• Type: BlocklistRule[]

আপনার ডিজাইন সিস্টেমের selectors বাদ দিতে rules (সম্ভাবনা কমাতে)। warnExcluded অপশনের সাথে সমন্বয় করলে ভুল ব্যবহার চিহ্নিত করতেও সাহায্য করতে পারে।

safelist

• Type: string[]

সবসময় অন্তর্ভুক্ত ইউটিলিটি।

preprocess

• Type: Arrayable<Preprocessor>

ইনকামিং ইউটিলিটিগুলি প্রি-প্রসেস করুন, বাদ দিতে falsy value রিটার্ন করুন।

postprocess

• Type: Arrayable<Postprocessor>

জেনারেট করা utils অবজেক্ট পোস্ট-প্রসেস করুন।

separators

• Type: Arrayable<string>
• Default: [':', '-']

Variant separator।

extractorDefault

• Type: Extractor | null | false
• Default: import('@unocss/core').defaultExtractor

ডিফল্ট এক্সট্রাক্টর যা সবসময় প্রয়োগ হয়। ডিফল্টভাবে এটি সোর্স কোডকে whitespace এবং quotes দ্বারা বিভক্ত করে।

এটি preset বা user config দ্বারা প্রতিস্থাপিত হতে পারে, শুধুমাত্র একটি ডিফল্ট এক্সট্রাক্টর উপস্থাথিত হতে পারে, পরবর্তীটি আগেরটি ওভাররাইড করবে।

ডিফল্ট এক্সট্রাক্টর নিষ্ক্রিয় করতে null বা false পাস করুন।

autocomplete

স্বয়ংক্রিয় সম্পূর্ণতার জন্য অতিরিক্ত অপশন।

templates

• Type: Arrayable<AutoCompleteFunction | AutoCompleteTemplate>

স্বয়ংক্রিয় সম্পূর্ণতা suggestions প্রদান করতে কাস্টম ফাংশন / templates।

extractors

• Type: Arrayable<AutoCompleteExtractor>

সম্ভাব্য classes বাছাই করতে এবং class-name style suggestions সঠিক ফর্ম্যাটে রূপান্তর করতে কাস্টম এক্সট্রাক্টর।

shorthands

• Type: Record<string, string | string[]>

স্বয়ংক্রিয় সম্পূর্ণতা suggestions প্রদান করতে কাস্টম shorthands। যদি values একটি array হয়, এটি | দিয়ে যুক্ত হবে এবং () দিয়ে মোড়ানো হবে।

content

উৎসগুলির জন্য অপশন যা ইউটিলিটি ব্যবহার হিসাবে বের করা হবে।

সমর্থিত উৎস:

• filesystem - ফাইল সিস্টেম থেকে বের করুন
• inline - সাধারণ inline text থেকে বের করুন
• pipeline - বিল্ড টুলসের ট্রান্সফর্মেশন পাইপলাইন থেকে বের করুন, যেমন Vite এবং Webpack

প্রতিটি উৎস থেকে বের করা ব্যবহার একত্রিত হবে।

filesystem

• Type: string[]
• Default: []

ফাইল সিস্টেম থেকে বের করতে glob patterns, অন্যান্য content sources ছাড়াও।

dev মোডে, ফাইলগুলি watch হবে এবং HMR ট্রিগার করবে।

inline

• Type: string | { code: string; id?: string } | (() => Awaitable<string | { code: string; id?: string }>)) []

বের করা inline text।

pipeline

বিল্ড টুলসের ট্রান্সফর্মেশন পাইপলাইন থেকে নির্দিষ্ট modules বের করতে হবে কিনা তা নির্ধারণ করতে ফিল্টার।

বর্তমানে শুধুমাত্র Vite এবং Webpack ইন্টিগ্রেশনের জন্য কাজ করে।

নিষ্ক্রিয় করতে false সেট করুন।

include

• Type: FilterPattern
• Default: [/\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/]

বের করা ফাইলগুলি ফিল্টার করে patterns। নিয়মিত expressions এবং picomatch glob patterns সমর্থন করে।

ডিফল্টভাবে, .ts এবং .js ফাইল বের করা হয় না।

exclude

• Type: FilterPattern
• Default: [/\.(css|postcss|sass|scss|less|stylus|styl)($|\?)/]

বের করা হবে না এমন ফাইলগুলি ফিল্টার করে patterns। নিয়মিত expressions এবং picomatch glob patterns সমর্থন করে।

ডিফল্টভাবে, node_modules এবং dist ও বের করা হয়।

configResolved

• Type: (config: ResolvedConfig) => void

রিজলভ করা config পরিবর্তন করতে হুক।

প্রথমে presets চলে, তারপর user config।

configFile

• Type: string | false

config files থেকে লোড করুন।

নিষ্ক্রিয় করতে false সেট করুন।

configDeps

• Type: string[]

ফাইলগুলির তালিকা যা config reloads ট্রিগার করবে।

cli

UnoCSS CLI অপশন।

entry

• Type: Arrayable<CliEntryItem>

UnoCSS cli entry points।

patterns

• Type: string[]

ফাইল সিস্টেম থেকে বের করতে glob patterns।

outFile

• Type: string

Output file path।

shortcutsLayer

• Type: string
• Default: 'shortcuts'

shortcuts-এর layout name।

envMode

• Type: 'dev' | 'build'
• Default: 'build'

Environment mode।

details

• Type: boolean

ডিবাগিং / পরিদর্শনের জন্য অভ্যন্তরীণ বিবরণ প্রকাশ করুন।

warn

• Type: boolean
• Default: true

blocklist-এ উপস্থাপিত matched selectors হলে সতর্কতা জারি করুন।