Ne işe yarar?
Küçültülmüş bir stil sayfasını veya dağınık bir SCSS dosyasını her satırda bir bildirim olacak şekilde okunaklı koda dönüştürün ya da canlı ortam için bir stil sayfasını küçültün. Çıktı siz yazarken güncellenir.
Özellikler
- CSS, SCSS ve LESS: iç içe kurallar, değişkenler, mixin’ler, map’ler,
@use, guard’lar ve#{}/@{}enterpolasyonu desteklenir. - Prettier biçimlendirmesi: 2 boşluk, 4 boşluk veya sekme, satır genişliği ve tek ya da çift tırnak.
- Küçültme,
/*! ... */lisans yorumları dışındaki yorumları ve önemi olmayan her yerdeki boşlukları kaldırır:{ } ; ,çevresinde,:ve(sonrasında,!importantöncesinde ve seçicilerdeki>+~birleştiricilerinin çevresinde. Her bloğun son noktalı virgülü de silinir. Geri kalan her şey aynen kopyalanır; böylece dizeler,url()değerleri,.md\:flexgibi kaçış dizileri,calc(1px + 2px)ve.a :hovergibi alt öğe seçicileri anlamını korur. SCSS ve LESS’te//satır yorumları da kaldırılır. - Kesin hatalar: kapatılmamış bir blok, eksik bir tırnak veya fazladan bir
}satır ve sütunuyla, işaretli bir kod parçasıyla ve Hataya git düğmesiyle gösterilir. - Önceki ve sonraki boyut, satır sayıları ve süre. Bir
.scssveya.lessdosyası açtığınızda dil otomatik olarak değişir.
Nasıl kullanılır?
- Bir stil sayfası yapıştırın, bir dosya açın veya girdi alanına bırakın. Örnek bir örnek yükler.
- Dili seçin, ardından Biçimlendir veya Küçült seçeneğini belirleyin.
- Sonucu kopyalayın veya indirin. Ctrl+Enter hemen çalıştırır.
Küçültücü kuralları birleştirmez, renkleri kısaltmaz ve değerleri yeniden yazmaz; bu düzeyde bir optimizasyon için cssnano veya Lightning CSS gibi bir derleme aracı kullanın. Küçültülmüş SCSS ve LESS yine SCSS ve LESS olarak kalır; yayına almadan önce derleyin.
Gizlilik
Her şey tarayıcınızda çalışır; CDN’den yalnızca sabitlenmiş Prettier dosyaları indirilir. Stilleriniz hiçbir yere yüklenmez. Sayfa yenilendiğinde kaybolmaması için son girdiniz yerel depolamada tutulur.