SASS Nedir ?
CSS3 ile gelen birçok özellik ile birlikte css yazımlarında tekrarlanan kodların çoğalması ve kodların uzaması sebebiyle 2006 yılında ortaya çıkan ve bu problemleri en aza indirmek için geliştirilmiş bir CSS derleyicisidir. Sass ile birlikte değişkenler, döngüler, kontroller, fonksiyonlar ve miras alma gibi işlemleri kullanarak pratik css kodu yazmamıza olanak sağlar.
SCSS Nedir ?
SCSS de SASS ile birlikte gelen ve yaım şekli css’e daha yakın bir uzantıdır. SASS’ın syntax’ı programlama dillerine yakınken SCSS’in syntax’ı css’e daha yakındır.
NPM İle SASS Kurulumu
npm install -g sass
Şeklinde sass’ın kurulumunu gerçekleştiriyoruz.
SASS Projelerin Derlenmesi
Tarayıcılar sass veya scss uzantılarından anlamaz. Bu paket yalnızca bir pre-processor’dür. Bunun için yazdığımız dosyaların tekrardan css’e dönüştürülmesi gerekir. Bunun için eğer bir npm projemiz var ise aşağıdaki şekilde bir komut tanımlayabiliriz. Ayrıca npm projesinde değil isek direkt proje dizininde terminalinde de çalıştırabiliriz.
sass komutu ile birlikte –watch diyerek yaptığımız değişikliklerin takip edilmesini ve anında css dosyamıza dönüştürülmesini istediğimizi belirtiyoruz. Eğer watch kullanmazsak kodları bir kere derlemiş olacağız. Bu komuttan sonra sass dosyamızın yolunu belirtiyoruz. Eğer birden fazla dosyamız varsa /** diyebiliriz. 3. parametre olarak ise çıktının uygulanacağı yolu veriyoruz.