Gulp Kullanımı ve Eklentileri

Gulp ilk etapta ilgimi çekmemişti ne gerek var diyordum ama sadece bir iki iş için değil birazdan bahsedeceğim bir çok iş için kullanılabiliyor.

Ben en az 8 iş akışında kullandım ve çok sevdim bunu da paylaşmak istedim, çok fazla kaynak var ama bunlar benim yorumlarım.

Gulp Pluginleri:

Javascript İşlemleri
Sass & Css İşlemleri
Resim İşleri
Javascript İşlemleri
  • gulp-uglfy = Javascript dosyalarınızın boşlukları ve satırları silerek ***.min.js gibi bir isim veriyor.
  • gulp-concat = Tüm javascript dosyalarınızı birleştirerek tek bir dosyada topluyor
Sass & Css İşlemleri
  • gulp-sass= Sass ve Scss dosyalarınızı derleyerek Css’e dönüştürür
  • gulp-csso= Css dosyalarınızın boşluklarını ve satırlarını silerek küçültür
  • gulp-rename= Dosyalarınızı belirlediğiniz formatta yeniden isimlendirir (Css işlemlerinden sonra .min.css için lazım)
Resim İşleri
  • gulp-imagemin= Resim dosyalarınızı sıkıştırarak küçültür
  • gulp-responsive= Resimlerin boyutlarını değiştirerek farklı kaydeder

Örnek Gulp yapılandırma dosyam:

Menü