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
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
Analytics verwendet nur Größen- und Reduzierungs-Buckets. SCSS Quelle, Variablen, Mixins und Dateinamen bleiben aus der Telemetrie ausgeschlossen.
Häufig gestellte Fragen
Wird mein SCSS auf Convertr hochgeladen?
Nein. Der Compiler SCSS wird lokal mit dem Browser JavaScript ausgeführt. Eingefügte 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
SCSS-Compiler
Compile unterstützte SCSS Syntax in CSS mit dem gebundenen Browser-Compilier.
- Eingabe
- SCSS Quelle mehr Output-Style Optionen.
- Ausgabe
- Kompilierte CSS oder Compiler Diagnosen.
- Reale Einschränkungen
- Der Browser-Compilator löst nicht arbiträre Projektimporten, führt Plugins aus oder garantiert Parität mit einer anderen Sass-Version.
- Datenschutz und Datenverarbeitung
- Die Optionen für SCSS-Quelle und Ausgangsstil werden in dieser Browserkarte verarbeitet.Converter 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.
Wie man dieses Tool verwendet
- Bereitstellung von SCSS Quelle plus Ausgangsstils Optionen in den Tool-Controls.
- Wählen Sie die Einstellungen, die auf die kompilierten CSS oder Compiler-Diagnosen beeinflussen, und führen Sie das Tool aus.
- Überprüfen Sie CSS oder Compiler-Diagnosen vor Kopieren oder Herunterladen.
Einheitliche Versagenmodes
Undefinierte Variablen, fehlende Mischungen, unzugängliche Einfuhren oder unbequemer Nesten geben einen linearen Kompilationsfehl zurück.
nützliches Beispiel
Compile eine $brand Variable und Nested .button hover Regel in erweiterte oder komprimierte CSS.