SCSS & Sass Kompiliatorius

Sukompiliuokite įklijuotus SCSS/Sass fragmentus arba vietinius .scss/.sass failus tiesiai naršyklėje. Jūsų stiliaus lapas nėra įkeltas, užregistruotas arba siunčiamas į API.

Spustelėkite norėdami pasirinkti SCSS/Sass failą arba numeskite jį čia

Taip pat galite įklijuoti SCSS/Sass tiesiai į toliau pateiktą redaktorių.

0 baitų

0 baitų

Paruošta nuskaityti

Naršyklėje veikiantis kompiliavimas

Kompiliacija vykdoma vietoje naudojant oficialų Dart Sass įgyvendinimą. Į Convertr serverius stilių lentelės nesiunčiamos.

Fragmento ir failo įvestis

Įklijuokite dalinį SCSS, pilnus stilių lapus, įdėtas taisykles, kintamuosius, mišinius arba įkelkite vietinį .scss failą.

Saugus matavimas

„Analytics“ naudoja tik dydžio ir mažinimo segmentus. SCSS šaltinis, kintamieji, deriniai ir failų pavadinimai nepatenka į telemetriją.

Dažniausiai užduodami klausimai

Ar mano SCSS įkeltas į Convertr?

Ne. SCSS kompiliatorius veikia lokaliai su naršykle JavaScript. Įklijuotas SCSS ir pasirinkti failai nesiunčiami į Convertr serverius.

Kas nutinka, kai SCSS yra sintaksės klaida?

Kompiliatoriaus klaida su eilučių ir stulpelių numeriais rodoma įspėjimų skydelyje, kad galėtumėte rasti ir ištaisyti klaidą.

Ar tai palaiko @import arba nuotolines priklausomybes?

Ne. Siekiant užtikrinti greitį, pasiekiamumą neprisijungus ir privatumą, nuotolinis importavimas ir prieiga prie failų sistemos yra išjungti šiame naršyklės kompiliatoriuje.

Susiję kūrėjo įrankiai

CSS minifier Suspausti CSS stilių lapus CSS spalvų konverteris Konvertuoti CSS spalvas CSS gradientų generatorius Kurkite CSS gradientus vietoje HTML mažintuvas Suspausti HTML fragmentus JavaScript minifikatorius Suspausti JavaScript kodą Kūrėjų įrankiai Naršykite naršyklės priemones

SCSS Kompiliatorius

Kompiliuoti palaikomą SCSS sintaksę į CSS naudojant integruotą naršyklės kompiliatorių.

Įvestis
SCSS šaltinis ir išvesties stiliaus parinktys.
Išvestis
Kompiluotas CSS arba kompilatoriaus diagnozė.
Svarbūs apribojimai
Naršyklės kompiliatorius neišsprendžia savavališkų projektų importavimo, nevykdo kūrimo įskiepių ir negarantuoja atitikimo kitai Sass versijai.
Privatumas ir duomenų tvarkymas
SCSS šaltinis ir išvesties stiliaus parinktys apdorojamos šioje naršyklės kortelėje. Convertr nepriima ir nesaugo jų; uždarius arba perkrovus puslapį, darbo būsena išvaloma, nebent įrankis aiškiai pasiūlo vietinį atsisiuntimą.

Kaip naudoti šį įrankį

  1. Pateikite SCSS šaltinį ir išvesties stiliaus parinktis įrankio valdymo skydelyje.
  2. Pasirinkite nustatymus, kurie paveikia sudarytą CSS ar kompilerio diagnozę, tada paleiskite įrankį.
  3. Peržiūrėkite sudarytą CSS arba kompiliatoriaus diagnozę prieš kopijuodami ar atsisiųsdami.

Dažnos nesėkmių priežastys

Neapibrėžti kintamieji, trūkstami mišiniai, nepasiekiami importai arba netinkamas įdėjimas grąžina eilutę nurodančią kompiliavimo klaidą.

Praktinis pavyzdys

Kompiliuokite $brand kintamąjį ir įdėtą .button užvedimo taisyklę į išplėstą arba suspaustą CSS.