SCSS- und Sass-Compiler

Kompiler indsatte SCSS/Sass uddrag eller lokale .scss/.sass filer direkte i din browser. Dit stylesheet er ikke uploadet, logget eller sendt til en API.

Klik for at vælge en SCSS/Sass-fil eller slip den her

Du kan også indsætte SCSS/Sass direkte i editoren nedenfor.

0 byte

0 byte

Parat

Browser-native kompilering

Kompilationen kører lokalt ved hjælp af den officielle Dart Sass implementering. Der sendes ingen stylesheets til Convertr servere.

Indtastning af uddrag og fil

Indsæt delvise SCSS, fulde stylesheets, indlejrede regler, variabler, mixins, eller indlæs en lokal .scss fil.

Sikker måling

Analytics bruger kun størrelses- og reduktionsbuckets. SCSS-kilde, variabler, mixins og filnavne forbliver uden for telemetri.

Ofte stillede spørgsmål

Er min SCSS uploadet til Convertr?

Nej. SCSS-compileren kører lokalt med browser-JavaScript. Indsat SCSS og valgte filer sendes ikke til Convertr-servere.

Hvad sker der, når SCSS har en syntaksfejl?

Kompilerfejlen med linje- og kolonnenumre vises i advarselspanelet, så du kan lokalisere og rette fejlen.

Understøtter dette @import eller fjernafhængigheder?

Nej. For at sikre hastighed, offline tilgængelighed og privatliv er fjernimport og filsystemadgang deaktiveret i denne browser-native compiler.

Relaterede udviklerværktøjer

CSS minifier Komprimer CSS stilark CSS Farvekonverter Konverter CSS-farver CSS gradient generator Opret CSS-gradienter lokalt HTML-minificering Komprimer HTML uddrag JavaScript-minificering Komprimer JavaScript kode Udviklerværktøjer Gennemse browserværktøjer

SCSS-kompiler

Kompiler understøttet SCSS-syntaks til CSS ved hjælp af den medfølgende browserkompilator.

Indtastning
SCSS-kilde plus output-stil-indstillinger.
Udgang
Kompileret CSS eller kompilator-diagnostik.
Virkelige begrænsninger
Browser-kompileren løser ikke vilkårlige projektimport, udfører bygge-plugins eller garanterer overensstemmelse med en anden Sass-version.
Privatliv og databehandling
SCSS-kilde plus udgangsstiloptioner behandles i denne browser-tab. Convertr modtager eller gemmer det; lukning eller genopladning af siden renser arbejdstillingen, medmindre værktøjet udtrykkeligt tilbyder en lokal download.

Hvordan man bruger dette værktøj

  1. Angiv SCSS-kilde plus output-stil-muligheder i værktøjets kontroller.
  2. Vælg de indstillinger, der påvirker kompileret CSS eller compiler-diagnostik, og kør derefter værktøjet.
  3. Gennemgå kompileret CSS eller compiler-diagnostik, før du kopierer eller downloader det.

Almindelige fejltilstande

Udefinerede variabler, manglende mixins, utilgængelige importer eller ugyldig indlejring returnerer en linjeorienteret kompileringsfejl.

Nyttigt eksempel

Kompiler en $brand-variabel og en indlejret .button-hover-regel til udvidet eller komprimeret CSS.