SCSS ja Sass kompilaator

Kompileeri kleebitud SCSS/Sass katkendid või kohalikud .scss/.sass failid otse oma brauseris. Sinu stiililehte ei laadita üles, logita ega saadeta API-sse.

Klõpsake, et valida SCSS/Sass fail või lohistage see siia

Saate kleepida ka SCSS/Sass otse allolevasse redaktorisse.

0 baiti

0 baiti

Valmis

Brauseripõhine kompileerimine

Kompilatsioon töötab kohapeal, kasutades ametlikku Dart Sassi teostust. Ühtegi stiililehte ei saadeta Convertr serveritesse.

Katkend ja failisisend

Kleebi osaline SCSS, täielikud stiililehed, pesastatud reeglid, muutujad, segud või laadi kohalik .scss fail.

Ohutu mõõtmine

Analytics kasutab ainult suuruse ja vähendamise gruppe. SCSS allikas, muutujad, miksinid ja failinimed jäävad telemeetriast välja.

Korduma kippuvad küsimused

Kas minu SCSS laaditakse Convertrisse üles?

Ei. SCSS kompilaator töötab lokaalselt brauseriga JavaScript. Kleebitud SCSS ja valitud faile ei saadeta Convertr serveritesse.

Mis juhtub, kui failis SCSS on süntaksiviga?

Kompilaatori viga koos ridade ja veergude numbritega kuvatakse hoiatuste paneelil, et saaksite vea leida ja parandada.

Kas see toetab @import või kaugsõltuvusi?

Ei. Kiiruse, võrguühenduseta kättesaadavuse ja privaatsuse tagamiseks on kaugimportimine ja juurdepääs failisüsteemile selles brauseripõhises kompilaatoris keelatud.

Seotud arendajatööriistad

CSS-i minimeerija Tihenda CSS-i stiililehti CSS värvimuundur Teisenda CSS värve CSS gradiendi generaator Loo CSS-i gradiente kohalikult HTML-i minimeerija Tihenda HTML-i katkendeid JavaScripti minimeerija Tihenda JavaScripti koodi Arendaja tööriistad Sirvi brauseri utiliite

SCSS kompilaator

Kompileerige toetatud SCSS süntaks CSS-iks, kasutades brauseri komplekteeritud kompilaatorit.

Sisend
SCSS lähtekood koos väljundstiili valikutega.
Väljund
Kompileeritud CSS või kompilaatori diagnostika.
Tegelikud piirangud
Brauseri kompilaator ei lahenda suvalisi projektide importe, ei käivita ehitusplugin'e ega garanteeri vastavust erineva Sass-i versiooniga.
Privaatsus ja andmete töötlemine
SCSS allikas ja väljundstiili valikud töödeldakse selles brauseri vahekaardil. Convertr ei saa ega salvesta seda; lehekülje sulgemine või uuesti laadimine puhastab tööoleku, kui tööriist ei paku selgelt kohalikku allalaadimist.

Kuidas seda tööriista kasutada

  1. Sisestage tööriista juhtnuppudesse SCSS-lähtekood ja väljundstiili valikud.
  2. Valige seaded, mis mõjutavad koondatud CSS või kompiler diagnoosi, siis käivitage tööriist.
  3. Vaata kompileeritud CSS-i või kompilaatori diagnostikat enne selle kopeerimist või allalaadimist.

Levinud ebaõnnestumise viisid

Määramata muutujad, puuduvad segud, kättesaamatud impordid või vigane pesastus tagastab reateadliku kompileerimisvea.

Kasulik näide

Kompileeri $brand muutuja ja pesastatud .button hover reegel laiendatud või tihendatud CSS-iks.