CSS-Präprozessoren – SCSS- und LESS-Compiler

Kompilieren Sie SCSS oder LESS zu Standard-CSS in Ihrem Browser. Kombinieren Sie mit SCSS verschönern oder CSS minimieren für einen vollständigen Workflow.

SCSS-Snippets in Produktions-CSS umwandeln, ohne Sass lokal zu installieren.
LESS-Variablen und Mixins vor dem Minifizieren für Deploy kompilieren.
Ausgabestile (expanded vs. compressed) vor dem Teilen von Code ansehen.

Zurück zu den CSS-Präprozessoren im Hub

SCSS zu CSS kompilieren

SCSS (Geschweifte-Klammer-Syntax) zu Standard-CSS mit konfigurierbarem Ausgabestil kompilieren.

LESS zu CSS kompilieren

LESS zu CSS kompilieren mit Compress-Toggle und optionalen Inline-Source-Maps.

Leitfäden

Kritisches CSS extrahieren und minimieren für besseres LCP

Erfahren Sie, wie Sie kritisches CSS extrahieren, minimieren und einbinden, um Ihren Largest Contentful Paint (LCP) und Ihre Core Web Vitals drastisch zu verbessern.

CSS-Minifizierung: Optimierung und Webleistung

Meistern Sie die CSS-Minimierung mit CSSO und PurifyCSS. Fortschrittliche Techniken, Webpack-Integration und Leistungsoptimierung für ultraschnelle Websites.