Oct.27

Oct.27

Oct.27

Gulp Dersleri – Part 7 – HTML Dosyalarını Minimize Etmek (gulp-minify)

Hazırladığımız örneğimizde sadece bir adet index.html dosyamız var, ancak HTML dosyalarının sayısı bir de olsa yüzlerce de olsa hepsini tek bir komut ile minify edebiliriz.

HTML dosyalarını minify edebilmek için yeni bir modül eklememiz gerekecek. Ekleyeceğimiz modülün ismi gulp-minify-html. Aşağıdaki komutu proje klasörü içindeyken Command Prompt’a girin ve Enter ile onaylayın.

Gulp

Oct.27

Gulp Dersleri – Part 6 – Örnek Gulp Komutları ve Otomatikleştirme

Yazacağımız görevlerde basitten karmaşığa doğru ilerleyeceğiz. Şu an projemizin klasör yapısı hazır ancak hiçbir içerik yok. Öncelikle basitçe birkaç içerik oluşturalım. Aşağıdaki gibi basitçe bir web sayfamız olsun. Web sayfamızda birkaç resim, bir JavaScript dosyası, bir CSS dosyası ve bir de HTML dosyası olsun. Kodları yazarken özellikle bol TAB’lı, bol SPACE karakterli ve bol satır aralıklı yazmaya çalıştım. Böylece minify işlemini daha etkili bir şekilde görebileceğiz.

Gulp

Oct.27

Gulp Dersleri – Part 5 – İlk Gulp Komutlarının Yazımı

Bir önceki aşamada gulpfile.js dosyamızı oluşturmuştuk. Bu dosyayı oluştururken ANSII değil de UTF-8 olarak oluşturmaya dikkat edin!

gulpfile.js dosyamızı açın. İlk olarak gulp modüllerini import edeceğiz. Bunun için aşağıdaki kodu başlangıçta yazalım.

var gulp = require(‘gulp’);

Daha sonra da ilk görevimizi oluşturuyoruz. Görev tanımlaması yaparken aşağıdaki kalıbı kullanabiliriz.

Gulp