Menü Kapat

Codekit ipuçları

Codekit, ö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.

Bir codekit projesi. Klasörler ve genel bilgiler görülüyor.
Bir codekit projesi. Klasörler ve genel bilgiler görülüyor.

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.

Bu yazılar da ilginizi çekebilir

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir