Live Sass Compiler

SASS (Syntactically Awesome Style Sheets) и SCSS (Sassy CSS) - это мощные препроцессоры CSS, которые предоставляют разработчикам множество дополнительных функций, таких как переменные, вложенность, миксины и многое другое, что делает стилизацию веб-сайтов более эффективной и организованной. Однако, браузеры не могут понимать эти языки препроцессоров напрямую, поэтому необходимо компилировать их в обычный CSS перед использованием на веб-страницах.

VS Code - одна из популярных интегрированных сред разработки (IDE) с множеством расширений для облегчения работы разработчиков. Одним из таких расширений является Live Sass Compiler, которое позволяет автоматически компилировать SASS/SCSS файлы в CSS и создавать уменьшенные версии CSS. Давайте рассмотрим, как установить и настроить это расширение.

{
    // отключение/включение .map файлов
    "liveSassCompile.settings.generateMap": true,
    // .css и min.css файлы
    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "html/site.loc/public_html/local/templates/ekko/css",
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "html/site.loc/public_html/local/templates/ekko/css"
        }
        
    ],
}