Sinan Emre BaşaranCodekit, özellikle SCSS ve JavaScript yazmayı kolaylaştıran bir derleme uygulaması (compiler). Dosyalarınızı kaydeder kaydetmez otomatik olarak derlemesi, tarayıcıda görüntülenen sayfayı otomatik olarak güncellemesi, yazdığınız kodu kontrol etmesi onu son derece kullanışlı yapıyor. Aşağıda ile çalışmayı kolaylaştıracak bazı ipuçlarını not aldım.
Global değişken ve fonksiyon ismi tanımlamak için CodeKit kodu
JavaScript dosyalarını minify ya da lint ederken kütüphanelerden gelen bazı değişken ve fonksyon isimlerini bilmediğini söylüyor. Bunu engellemek için js dosyasının başına aşağıdaki şekilde değişken ve fonksiyon isimlerini girebilirsiniz.
/* global degiskenAdi, fonksiyonAdı */
JS dosyasının önüne bir başkasını eklemek
Bu durumda javascript dosyası minify edildiğinde “basa-eklenecek-dosya.js” bu dosyanın başına eklenecektir.
// @codekit-prepend "basa-eklenecek-dosya.js"
JS dosyasının arkasına bir başkasını eklemek
Bu durumda javascript dosyası minify edildiğinde “sona-eklenecek-dosya.js” bu dosyanın sonuna eklenecektir.
// @codekit-append "sona-eklenecek-dosya.js"
SCSS dosyasından bir başka SCSS dosyasını çağırmak
SCSS’le çalışmanın en güzel yönlerinden biri, kodunuzu istediğiniz kadar parçaya ayırabilmek. Nasıl olsa hepsi derleneceği için hiç bir dezavantajı yok. SASS’ın ´@import´komutunu kullanarak istediğiniz kadar dosyayı bir araya getirebilirsiniz. Diyelim ki _header.scss isminde bir dosyanız var. Bu dosyayı:
@import "header";
komutuyla çağırabilirsiniz.