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. SCSS geplakt 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 Verkleiner Comprimeer CSS stijlbladen CSS Kleurconverter Converteert CSS kleuren CSS gradient generator CSS gradienten op lokaal HTML Verkleiner Comprimeer HTML fragmenten JavaScript Verkleiner Comprimeer JavaScript code Ontwikkelaarstools Blader door browserhulpprogramma's

SCSS Compilatieprogramma

Compile ondersteunde SCSS syntax in CSS met behulp van de bundelde browser compiler.

Invoer
SCSS source meer output-style opties.
Uitvoer
Compilate CSS of compiler diagnoses.
Echte beperkingen
De browser compiler niet oplossen willekeurige projectimport, uitvoeren bouw plugins, of garanderen pariteit met een andere Sass-versie.
Privaciteit en gegevensbehandeling
SCSS-bron plus output-stijl opties worden verwerkt in deze browser-tab. Converter 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 output-stijl opties in de toolcontroles.
  2. Kies de instellingen die beïnvloeden gecompliceerde CSS of compiler diagnoses, en voer vervolgens het gereedschap uit.
  3. Review compiled CSS of compiler diagnoses voordat u het kopiëren of downloaden.

Gemeenschappelijke mislukkingsmodi

Onbepaalde variabelen, ontbrekende mixen, ontoegankelijke imports of ongeschikte nesting geven een line-aware compile fout terug.

nuttig voorbeeld

Compileren van een $brand variabele en nested .button hover regel in uitgebreid of gecomprimeerd CSS.