SCSS- und Sass-Compiler

Kompilieren Sie eingefügte SCSS/Sass-Snippets oder lokale .scss/.sass-Dateien direkt in Ihrem Browser. Ihr Stylesheet wird nicht hochgeladen, protokolliert oder an eine API gesendet.

Klicken Sie, um eine SCSS/Sass-Datei auszuwählen, oder legen Sie sie hier ab

Sie können SCSS/Sass auch direkt in den Editor unten einfügen.

0 Bytes

0 Bytes

Bereit

Browsernative Kompilierung

Die Kompilierung wird lokal mit der offiziellen Dart Sass-Implementierung ausgeführt. Es werden keine Stylesheets an Convertr-Server gesendet.

Snippet und Dateieingabe

Fügen Sie teilweise SCSS, vollständige Stylesheets, verschachtelte Regeln, Variablen, Mixins ein oder laden Sie eine lokale .scss-Datei.

Sichere Messung

Analysen verwenden nur Größen- und Reduktionskategorien. SCSS-Quelle, Variablen, Mixins und Dateinamen bleiben aus der Telemetrie ausgeschlossen.

Häufig gestellte Fragen

Wird mein SCSS auf Convertr hochgeladen?

Nein. Der SCSS-Compiler wird lokal mit Browser-JavaScript ausgeführt. Eingefügtes SCSS und ausgewählte Dateien werden nicht an Convertr-Server gesendet.

Was passiert, wenn SCSS einen Syntaxfehler hat?

Der Compilerfehler mit Zeilen- und Spaltennummern wird im Warnbereich angezeigt, sodass Sie den Fehler lokalisieren und beheben können.

Unterstützt dies @import oder Remote-Abhängigkeiten?

Nein. Um Geschwindigkeit, Offline-Verfügbarkeit und Datenschutz zu gewährleisten, sind Remote-Importe und Dateisystemzugriff in diesem browsernativen Compiler deaktiviert.

Verwandte Entwickler-Tools

CSS-Minifier Komprimiert CSS Stylesheets CSS-Farbkonverter Konvertieren Sie CSS-Farben CSS-Gradientengenerator Erstellen Sie CSS-Verläufe lokal HTML-Minifier Komprimieren Sie HTML Snippets JavaScript-Minifier Komprimieren Sie JavaScript-Code Entwicklerwerkzeuge Browser-Dienstprogramme durchsuchen

SCSS-Compiler

Kompilieren Sie unterstützte SCSS-Syntax in CSS mit dem integrierten Browser-Compiler.

Eingabe
SCSS-Quelle plus Output-Style-Optionen.
Ausgabe
Kompiliertes CSS oder Compiler-Diagnosen.
Reale Einschränkungen
Der Browser-Compiler löst keine beliebigen Projektimporte auf, führt keine Build-Plugins aus oder garantiert keine Übereinstimmung mit einer anderen Sass-Version.
Datenschutz und Datenverarbeitung
Die Optionen für SCSS-Quelle und Ausgangsstil werden in dieser Browserkarte verarbeitet.Convertr erhält sie nicht oder speichert sie nicht; das Schließen oder Laden der Seite klärt den Arbeitsstatus, es sei denn, das Tool bietet ausdrücklich eine lokale Download an.

So verwenden Sie dieses Tool

  1. Stellen Sie SCSS-Quellcode plus Ausgabestil-Optionen in den Tool-Steuerelementen bereit.
  2. Wählen Sie die Einstellungen, die kompiliertes CSS oder Compiler-Diagnosen beeinflussen, und führen Sie dann das Tool aus.
  3. Überprüfen Sie CSS oder Compiler-Diagnosen vor Kopieren oder Herunterladen.

Häufige Fehlermodi

Undefinierte Variablen, fehlende Mixins, nicht verfügbare Importe oder ungültige Verschachtelung geben einen zeilenbezogenen Kompilierungsfehler zurück.

Nützliches Beispiel

Kompilieren Sie eine $brand-Variable und eine verschachtelte .button-hover-Regel in erweitertes oder komprimiertes CSS.