Live Sass Compiler VS Code Yapılandırması

Sass dosyalarınızı projenizde derlemek (compile) için kullanılan popüler Live Sass Compiler eklentisi, varsayılan ayarlarıyla her zaman ihtiyacınız olan çıktı formatını sunmayabilir. CSS çıktılarınızı hem geliştirme aşamasında okunabilir tutmak hem de yayına alırken optimize edilmiş (minify) versiyonlarını oluşturmak için aşağıdaki ayarları settings.json dosyanıza ekleyebilirsiniz.

Örnek Yapılandırma

Aşağıdaki konfigürasyon, Sass kodlarınızı hem .css (expanded) hem de .min.css (compressed) formatında, orijinal dosyanızın bulunduğu dizine otomatik olarak derler:

{
    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": null
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": null
        }
    ]
}

Bu yapılandırma ile savePath değerini null bırakarak, derlenen dosyaların her zaman Sass dosyası ile aynı klasör hiyerarşisinde oluşturulmasını sağlayabilirsiniz.