SCSS & Sass Компилатор

Компилирайте поставени SCSS/Sass фрагменти или локални .scss/.sass файлове директно във вашия браузър. Вашият стилов лист не е качен, регистриран или изпратен до API.

Щракнете, за да изберете SCSS/Sass файл или го пуснете тук

Можете също да поставите SCSS/Sass директно в редактора по-долу.

0 байта

0 байта

Готов

Компилация, базирана на браузъра

Компилацията се изпълнява локално, като се използва официалната реализация Dart Sass. Не се изпращат таблици със стилове до Convertr сървъри.

Въвеждане на фрагмент и файл

Поставете частично SCSS, пълни таблици със стилове, вложени правила, променливи, миксини или заредете локален .scss файл.

Безопасно измерване

Анализът използва само групи по размер и намаление. SCSS източник, променливи, миксини и имена на файлове остават извън телеметрията.

Често задавани въпроси

Моят SCSS качен ли е на Convertr?

Не. Компилаторът SCSS работи локално с браузър JavaScript. Поставените SCSS и избраните файлове не се изпращат до Convertr сървъри.

Какво се случва, когато SCSS има синтактична грешка?

Грешката на компилатора с номера на редове и колони се показва в панела с предупреждения, така че можете да намерите и коригирате грешката.

Това поддържа ли @import или отдалечени зависимости?

Не. За да се гарантира скорост, офлайн наличност и поверителност, отдалеченото импортиране и достъпът до файловата система са деактивирани в този оригинален за браузър компилатор.

Свързани инструменти за разработчици

CSS Минификатор Компресиране на CSS таблици със стилове CSS Конвертор на цветове Конвертиране на CSS цвята CSS градиент генератор Създайте CSS градиенти локално HTML минификатор Компресиране на HTML фрагменти JavaScript Минификатор Компресиране на JavaScript код Инструменти за разработчици Разгледайте помощните програми на браузъра

SCSS Компилатор

Компилирайте поддържания SCSS синтаксис в CSS, като използвате компилатора на браузъра.

Вход
SCSS източник плюс опции за изходен стил.
Изход
компилиран CSS или диагностика на компилатора.
Реални ограничения
Браузърният компилатор не разрешава произволни импортирания от проекти, не изпълнява плъгини за изграждане и не гарантира съвместимост с различна версия на Sass.
Поверителност и обработка на данни
Източник на SCSS плюс опции за изходен стил се обработват в този раздел на браузъра. Convertr не го получава или съхранява; затварянето или презареждането на страницата изчиства работното състояние, освен ако инструментът изрично предлага локално изтегляне.

Как да използваме този инструмент

  1. Осигурете SCSS изходен код плюс опции за изходен стил в контролите на инструмента.
  2. Изберете настройките, които влияят на компилирания CSS или диагностиката на компилатора, след което изпълнете инструмента.
  3. Прегледайте компилирания CSS или диагностика на компилатора, преди да го копирате или изтеглите.

Често срещани режими на отказ

Недефинирани променливи, липсващи mixins, недостъпни импорти или невалидно влагане връщат грешка при компилиране с информация за реда.

Полезен пример

Компилирайте променлива $brand и вложено правило .button hover в разширен или компресиран CSS.