SCSS & Sass-compiler

Compileer geplakte SCSS/Sass fragmenten of lokale .scss/.sass bestanden rechtstreeks in uw browser. Uw stylesheet wordt niet geüpload, geregistreerd of naar een API verzonden.

Klik om een SCSS/Sass-bestand te kiezen of zet het hier neer

Je kunt SCSS/Sass ook rechtstreeks in de onderstaande editor plakken.

0 Byte

0 Byte

Klaar

Browser-native compilatie

De compilatie wordt lokaal uitgevoerd met behulp van de officiële Dart Sass-implementatie. Er worden geen stylesheets verzonden naar Convertr servers.

Fragment- en bestandsinvoer

Plak gedeeltelijke SCSS, volledige stylesheets, geneste regels, variabelen, mixins, of laad een lokaal .scss bestand.

Veilige meting

Analytics gebruikt alleen grootte- en reductiebuckets. SCSS bron, variabelen, mixins en bestandsnamen blijven buiten telemetrie.

Veelgestelde vragen

Is mijn SCSS geüpload naar Convertr?

Nee. De SCSS-compiler draait lokaal met browser-JavaScript. Geplakte SCSS en geselecteerde bestanden worden niet naar Convertr-servers verzonden.

Wat gebeurt er als SCSS een syntaxisfout bevat?

De compilerfout met regel- en kolomnummers wordt weergegeven in het waarschuwingspaneel, zodat u de fout kunt lokaliseren en oplossen.

Ondersteunt dit @import of externe afhankelijkheden?

Nee. Om snelheid, offline beschikbaarheid en privacy te garanderen, zijn import op afstand en toegang tot het bestandssysteem uitgeschakeld in deze browser-native compiler.

Gerelateerde ontwikkelaarstools

CSS-minifier Comprimeer CSS stijlbladen CSS-kleurconverter Converteer CSS-kleuren CSS gradient generator CSS-verlopen lokaal maken HTML-minifier Comprimeer HTML fragmenten JavaScript Verkleiner Comprimeer JavaScript code Ontwikkelaarstools Blader door browserhulpprogramma's

SCSS-compiler

Compileer ondersteunde SCSS-syntaxis naar CSS met behulp van de gebundelde browsercompiler.

Invoer
SCSS-bron plus uitvoerstijlopties.
Uitvoer
Gecompileerde CSS of compilerdiagnostiek.
Echte beperkingen
De browsercompiler lost geen willekeurige projectimporten op, voert geen bouwplugins uit en garandeert geen gelijkwaardigheid met een andere Sass-versie.
Privacy en gegevensverwerking
SCSS-bron plus output-stijl opties worden verwerkt in deze browser-tab. Convertr ontvangt of opslaat het niet; het sluiten of herladen van de pagina helpt de werkomstand, tenzij het gereedschap uitdrukkelijk een lokale download biedt.

Hoe deze tool te gebruiken

  1. Geef SCSS-bron plus uitvoerstijl-opties in de toolbediening.
  2. Kies de instellingen die gecompileerde CSS of compilerdiagnoses beïnvloeden, voer dan het gereedschap uit.
  3. Bekijk gecompileerde CSS of compilerdiagnoses voordat u het kopieert of downloadt.

Veelvoorkomende foutmodi

Ongedefinieerde variabelen, ontbrekende mixins, ontoegankelijke imports of ongeldige nesting geven een regelbewuste compileerfout terug.

Nuttig voorbeeld

Compileer een $brand variabele en geneste .button hover regel naar uitgebreid of gecomprimeerd CSS.