SCSS & Sass Derleyici

Yapıştırılan SCSS/Sass parçacıklarını veya yerel .scss/.sass dosyalarını doğrudan tarayıcınızda derleyin. Stil sayfanız yüklenmez, günlüğe kaydedilmez veya bir API'ye gönderilmez.

Bir SCSS/Sass dosyası seçmek için tıklayın veya buraya bırakın

Ayrıca SCSS/Sass dosyasını doğrudan aşağıdaki düzenleyiciye yapıştırabilirsiniz.

0 bayt

0 bayt

Hazır

Tarayıcıya özgü derleme

Derleme, resmi Dart Sass uygulamasını kullanarak yerel olarak çalışır. Convertr sunucularına hiçbir stil sayfası gönderilmez.

Parçacık ve dosya girişi

Kısmi SCSS, tam stil sayfaları, iç içe kurallar, değişkenler, karışımlar yapıştırın veya yerel bir .scss dosyası yükleyin.

Güvenli ölçüm

Analytics yalnızca boyut ve azaltma gruplarını kullanır. SCSS kaynağı, değişkenler, karışımlar ve dosya adları telemetrinin dışında kalır.

Sıkça sorulan sorular

SCSS'im Convertr'a yüklendi mi?

Hayır. SCSS derleyicisi, tarayıcı JavaScript'i ile yerel olarak çalışır. Yapıştırılan SCSS ve seçilen dosyalar Convertr sunucularına gönderilmez.

SCSS sözdizimi hatası olduğunda ne olur?

Derleyici hatası satır ve sütun numaralarıyla birlikte uyarı panelinde gösterilir, böylece hatayı bulup düzeltebilirsiniz.

Bu, @import veya uzak bağımlılıkları destekliyor mu?

Hayır. Hızı, çevrimdışı kullanılabilirliği ve gizliliği sağlamak için, bu tarayıcı yerel derleyicisinde uzaktan içe aktarma ve dosya sistemi erişimi devre dışı bırakıldı.

İlgili geliştirici araçları

CSS Küçültücü CSS stil sayfalarını sıkıştır CSS Renk Dönüştürücü CSS renklerini dönüştür CSS Gradient Generatörü CSS gradientleri yerel olarak oluşturun HTML Küçültücü HTML parçacıklarını sıkıştır JavaScript Küçültücü JavaScript kodunu sıkıştır Geliştirici Araçları Tarayıcı yardımcı programlarına göz atın

SCSS Derleyici

Desteklenen SCSS sözdizimini, tarayıcıya gömülü derleyiciyi kullanarak CSS'ye derleyin.

Giriş
SCSS kaynağı artı çıktı stili seçenekleri.
Çıktı
Derlenmiş CSS veya derleyici tanılamaları.
Gerçek Sınırlamalar
Tarayıcı derleyicisi, rastgele proje içe aktarmalarını çözmez, yapı eklentilerini çalıştırmaz veya farklı bir Sass sürümüyle eşitlik sağlamaz.
Gizlilik ve veri işleme
SCSS kaynağı artı çıktı stili seçenekleri bu tarayıcı sekmesinde işlenir. Convertr bunu almaz veya saklamaz; sayfanın kapatılması veya yeniden yüklenmesi, araç açıkça yerel bir indirme sunmadığı sürece çalışma durumunu temizler.

Bu aracı nasıl kullanacağınız

  1. SCSS kaynağı ve çıktı stili seçeneklerini araç kontrollerinde sağlayın.
  2. Derlenmiş CSS veya derleyici tanılamasını etkileyen ayarları seçin, ardından aracı çalıştırın.
  3. Derlenmiş CSS veya derleyici tanılamasını kopyalamadan veya indirmeden önce inceleyin.

Ortak arıza modları

Tanımsız değişkenler, eksik karışımlar, kullanılamayan içe aktarmalar veya geçersiz iç içe yerleştirme, satır bilgili bir derleme hatası döndürür.

Faydalı örnek

Bir $brand değişkeni ve iç içe .button hover kuralını genişletilmiş veya sıkıştırılmış CSS'ye derleyin.