UnoCSS Config

Configuration

Yapılandırmalar, UnoCSS'i güçlü kılan şeydir.

• Rules - Atomik CSS yardımcı programlarını tanımlayın
• Shortcuts - Birden fazla kuralı tek bir kısayola birleştirin.
• Theme - Tema değişkenlerini tanımlayın.
• Variants - Kurallara özel kurallar uygulayın.
• Extractors - Yardımcı programların kullanımının nereden ve nasıl çıkarılacağını tanımlayın.
• Preflights - Global ham CSS tanımlayın.
• Layers - Her yardımcı program katmanının sırasını tanımlayın.
• Presets - Yaygın kullanım durumları için önceden tanımlanmış yapılandırmalar.
• Transformers - Kullanıcı kaynak kodunu dönüştürmek için kod dönüştürücüler.
• Autocomplete - Özelleştirilmiş otomatik tamamlama önerilerini tanımlayın.

Options

rules

• Type: Rule<Theme>[]

CSS yardımcı programları oluşturmak için kurallar. Sonraki girdiler daha yüksek önceliğe sahiptir.

shortcuts

• Type: UserShortcuts<Theme>

Windi CSS'nin kısayollarına benzer şekilde, mevcut olanları birleştirerek yeni yardımcı programlar oluşturmanıza olanak tanır. Sonraki girdiler daha yüksek önceliğe sahiptir.

theme

• Type: Theme

Kurallar arasında paylaşılan yapılandırma için tema nesnesi.

extendTheme

• Type: Arrayable<ThemeExtender<Theme>> Tema nesnesini değiştiren özel fonksiyonlar.

Orijinal olanı tamamen değiştirmek için yeni bir tema nesnesi döndürmek de mümkündür.

variants

• Type: Variant<Theme>[]

Seçicileri önceden işleyen ve CSS nesnesini yeniden yazma yeteneğine sahip varyantlar.

extractors

• Type: Extractor[]

Kaynak dosyayı işleyen ve olası sınıfları/seçicileri çıkaran çıkarıcılar. Dile duyarlı olabilir.

preflights

• Type: Preflight<Theme>[]

Ham CSS enjeksiyonları.

layers

• Type: Record<string, number>

Katman sıraları. Varsayılan olarak 0.

outputToCssLayers

• Type: boolean | UseCssLayersOptions
• Default: false

Katmanları CSS Cascade Layers'a çıkarır.

cssLayerName

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

İç katmanın çıkarılacağı CSS katmanının adını belirtir (örneğin "mylayer.mysublayer" gibi bir alt katman olabilir).

undefined döndürülürse, iç katman adı CSS katman adı olarak kullanılacaktır. null döndürülürse, iç katman bir CSS katmanına çıkarılmayacaktır.

sortLayers

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

Katmanları sıralamak için özel fonksiyon.

presets

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

Yaygın kullanım durumları için önceden tanımlanmış yapılandırmalar.

transformers

• Type: SourceCodeTransformer[]

Kaynak koduna özel dönüştürücüler.

blocklist

• Type: BlocklistRule[]

Tasarım sisteminiz için seçicileri hariç tutma kuralları (olasılıkları daraltmak için). warnExcluded seçenekleriyle birleştirerek yanlış kullanımları belirlemenize de yardımcı olabilir.

safelist

• Type: string[]

Her zaman dahil edilen yardımcı programlar.

preprocess

• Type: Arrayable<Preprocessor>

Gelen yardımcı programları önceden işleyin, hariç tutmak için falsy değer döndürün.

postprocess

• Type: Arrayable<Postprocessor>

Oluşturulan utils nesnesini sonradan işleyin.

separators

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

Varyant ayırıcı.

extractorDefault

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

Her zaman uygulanan varsayılan çıkarıcı. Varsayılan olarak kaynak kodu boşluk ve tırnak işaretlerine göre böler.

Preset veya kullanıcı yapılandırması tarafından değiştirilebilir, yalnızca bir varsayılan çıkarıcı sunulabilir, sonraki olanı öncekini geçersiz kılar.

Varsayılan çıkarıcıyı devre dışı bırakmak için null veya false geçin.

autocomplete

Otomatik tamamlama için ek seçenekler.

templates

• Type: Arrayable<AutoCompleteFunction | AutoCompleteTemplate>

Otomatik tamamlama önerileri sağlamak için özel fonksiyonlar / şablonlar.

extractors

• Type: Arrayable<AutoCompleteExtractor>

Olası sınıfları almak ve sınıf-adı stili önerilerini doğru formata dönüştürmek için özel çıkarıcılar.

shorthands

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

Otomatik tamamlama önerileri sağlamak için özel kısaltmalar. değerler bir dizi ise, | ile birleştirilecek ve () ile sarılacaktır.

content

Yardımcı program kullanımları olarak çıkarılacak kaynaklar için seçenekler.

Desteklenen kaynaklar:

• filesystem - dosya sisteminden çıkar
• inline - düz satır içi metinden çıkar
• pipeline - Vite ve Webpack gibi yapı araçlarının dönüşüm pipeline'ından çıkar

Her kaynaktan çıkarılan kullanım birlikte birleştirilecektir.

filesystem

• Type: string[]
• Default: []

Diğer içerik kaynaklarına ek olarak dosya sisteminden çıkarılacak glob desenleri.

Geliştirme modunda, dosyalar izlenecek ve HMR'yi tetikleyecektir.

inline

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

Çıkarılacak satır içi metin.