SCSS & Sass compilator
Compilați fragmente lipite SCSS/Sass sau fișiere locale .scss/.sass direct în browser. Foaia de stil nu este încărcată, înregistrată sau trimisă la un API.
Faceți clic pentru a alege un fișier SCSS/Sass sau plasați-l aici
De asemenea, puteți lipi SCSS/Sass direct în editorul de mai jos.
0 octeți
0 octeți
Compilare nativă în browser
Compilarea rulează local folosind implementarea oficială Dart Sass. Nu sunt trimise foi de stil către serverele Convertr.
Intrare fragment și fișier
Lipiți SCSS parțial, foi de stil complete, reguli imbricate, variabile, mixuri sau încărcați un fișier local .scss.
Măsurare sigură
Analytics utilizează numai bucket-uri de dimensiune și reducere. Sursa SCSS, variabilele, mixin-urile și numele fișierelor rămân în afara telemetriei.
Întrebări frecvente
SCSS-ul meu este încărcat în Convertr?
Nu. Compilatorul SCSS rulează local cu JavaScript în browser. SCSS-ul lipit și fișierele selectate nu sunt trimise către serverele Convertr.
Ce se întâmplă când SCSS are o eroare de sintaxă?
Eroarea compilatorului cu numerele liniilor și coloanelor este afișată în panoul de avertismente, astfel încât să puteți localiza și remedia eroarea.
Acesta acceptă @import sau dependențe de la distanță?
Nu. Pentru a asigura viteza, disponibilitatea offline și confidențialitatea, importurile de la distanță și accesul la sistemul de fișiere sunt dezactivate în acest compilator nativ pentru browser.
Instrumente de dezvoltare conexe
SCSS Compilator
Compilați sintaxa SCSS suportată în CSS folosind compilatorul inclus în browser.
- Intrare
- Sursa SCSS plus opțiuni de stil de ieșire.
- Ieșire
- CSS sau diagnosticul compilerului.
- Limitări reale
- Compilatorul browserului nu rezolvă importurile arbitrare de proiecte, execută plugin-uri de construcție sau garantează paritatea cu o versiune diferită a Sass.
- Confidențialitatea și gestionarea datelor
- Sursa SCSS plus opțiunile de stil de ieșire sunt procesate în această filă de browser. Convertr nu le primește sau stochează; închiderea sau reîncărcarea paginii șterge starea de lucru, cu excepția cazului în care instrumentul oferă explicit o descărcare locală.
Cum să utilizați acest instrument
- Furnizați sursa SCSS plus opțiunile de stil de ieșire în comenzile instrumentului.
- Alegeți setările care afectează diagnosticele CSS compilate sau compiler, apoi rulați instrumentul.
- Revizuiți CSS-ul compilat sau diagnosticele compilatorului înainte de a-l copia sau descărca.
Moduri comune de eșec
Variabilele nedefinite, mixin-urile lipsă, importurile indisponibile sau cuibărirea invalidă returnează o eroare de compilare cu linie specificată.
Exemplu util
Compilați o variabilă $brand și o regulă imbricată .button hover în CSS extins sau comprimat.