SCSS- og Sass-kompilator

Kompiler innlimte SCSS/Sass-snutter eller lokale .scss/.sass-filer direkte i nettleseren din. Stilarket ditt blir ikke lastet opp, logget eller sendt til en API.

Klikk for å velge en SCSS/Sass-fil eller slipp den her

Du kan også lime inn SCSS/Sass direkte i redigeringsfeltet nedenfor.

0 byte

0 byte

Klar

Nettleser-nativ kompilering

Kompileringen kjører lokalt ved hjelp av den offisielle Dart Sass-implementeringen. Ingen stilark sendes til Convertr-serverne.

Snippet og filinntak

Lim inn delvis SCSS, fullstendige stilark, nestede regler, variabler, mixins, eller last en lokal .scss-fil.

Sikker måling

Analytics bruker bare størrelses- og reduksjonsbøtter. SCSS-kilde, variabler, mixins og filnavn forblir utenfor telemetri.

Ofte stilte spørsmål

Er min SCSS lastet opp til Convertr?

Nei. SCSS-kompilatoren kjører lokalt med JavaScript i nettleseren. Innlimt SCSS og valgte filer sendes ikke til Convertr-servere.

Hva skjer når SCSS har en syntaksfeil?

Kompileringsfeilen med linje- og kolonnenummer vises i varslingspanelet slik at du kan finne og rette feilen.

Støtter dette @import eller eksterne avhengigheter?

For å sikre hastighet, tilgjengelighet uten nett og personvern, er ekstern import og filsystemtilgang deaktivert i denne nettleserbaserte kompilatoren.

Relaterte utviklerverktøy

CSS-minifiserer Komprimer CSS-stilark CSS-fargekonverterar Konverter CSS farger CSS gradient generator Opprett CSS-gradier lokalt HTML-minifiserer Komprimer HTML-snutter JavaScript-minifiserer Komprimere JavaScript-koden Utviklarverktøy Bla gjennom nettleserverktøy

SCSS-kompilator

Kompiler støttet SCSS-syntaks til CSS ved hjelp av den innebygde nettleserkompilatoren.

Inndata
SCSS-kilde pluss output-style-alternativer.
Utdata
Kompilert CSS eller kompilatordiagnostikk.
Reelle begrensninger
Nettleserkompilatoren løser ikke vilkårlige prosjektimporter, kjører ikke byggeplugins eller garanterer samsvar med en annen Sass-versjon.
Personvern og databehandling
SCSS-kildekode og utgangsstilalternativer behandles i denne nettleserkortet. Convertr mottar eller lagrer den; lukking eller omlasting av siden avslører arbeidsstatus med mindre verktøyet uttrykkelig tilbyr en lokal nedlasting.

Hvordan bruke dette verktøyet

  1. Gi SCSS-kildekode pluss utgangsstilalternativer i verktøykontrollene.
  2. Velg innstillingene som påvirker kompilert CSS eller kompilatordiagnostikk, og kjør deretter verktøyet.
  3. Se gjennom kompilert CSS eller kompilatordiagnostikk før kopiering eller nedlasting.

Vanlige feiltyper

Udefinerte variabler, manglende mixins, utilgjengelige importer eller ugyldig nesting returnerer en linjeorientert kompileringsfeil.

Nyttig eksempel

Kompiler en $brand-variabel og nestet .button-hover-regel til utvidet eller komprimert CSS.