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 reduktionsspante. 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 browseren 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 Skab CSS gradier lokalt HTML minifier Komprimer HTML uddrag JavaScript minifier Komprimer JavaScript kode Udviklerværktøjer Gennemse browserværktøjer

SCSS-kompiler

Kompilere støttet SCSS syntax til CSS ved hjælp af den bundede browser-kompilator.

Indtastning
SCSS kilde mere output-style muligheder.
Udgang
CSS eller compiler diagnostik.
Virkelige begrænsninger
Browser-kompilatoren løser ikke vilkårlige projektimporter, udfører byggeprogrammer eller garanterer paritet med en anden Sass-version.
Privatliv og databehandling
SCSS-kilde plus udgangsstiloptioner behandles i denne browser-tab. Converter 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. Giv SCSS-kilde plus udgangsstil muligheder i værktøjskontrollerne.
  2. Vælg de indstillinger, der påvirker kompilerede CSS eller compiler diagnostik, og køre værktøjet.
  3. Læs CSS eller compiler diagnostiske dokumenter, før du kopierer eller downloader dem.

Vanlige fejlmoder

Udefinerede variabler, manglende blandinger, utilgængelige importer eller ulovlig nesting returnerer en lineær-varsel compile fejl.

Nyttig eksempel

Kompilere en $brand variabel og nægte .button hover regel i udvidet eller komprimeret CSS.