Gulp Nedir ?

Açık kaynak kodlu Javascript aracıdır. Task Runner olarak adlandırılır. Gulp ile tekrar eden işlemleri görev olarak tanılayabilir ve çalıştırabiliriz.

Gulp kullanabilmemiz için ortam üzerinde Node.js ve Npm 'in kurulu olması gerekmektedir.

Gulp 'ın kullanım alanları

bunlara bir kaç örnek vermek gerekir ise,

Sass, Scss dosyalarımızın Css e dönüştürülmesi
Css, Javascript, HTML dosyalarının sıkıştırılması
Görsel boyut küçültme
Dosya taşıma / kopyalama
Birden fazla dosyayı tek bir dosya üzerinde birleştirme

ve daha bir çok kullanım alanı bulunmaktadır. İhtiyaçlarınızın doğrultusunda https://www.npmjs.com/ adresi üzerinde arama yaparak paket ve dökümanları inceleyebilirsiniz.

Gulp Kurulumu

Gulp aracını bilgisayarınıza global olarak aşağıdaki komut ile kurulumunu sağlayabilirsiniz.

npm install --global gulp-cli

Kurulum sonrasında

gulp --version

komut ile terminal üzerinden kontrol sağlayabilirsiniz.

Çalışma alanınızda Gulp kullanımı için öncelikle package.json oluşturmanız gerekmektedir.

npm init

komutu ile package.json oluşturabilirsiniz. Bu işlem sırasında projenize ait sizden bazı alanların doldurulması istenecektir.

package.json oluşturma sonrasında ise tekrar aynı dizinde aşağıdaki komutu çalıştırarak çalışma alanımızda Gulp için gerekli olan tüm dosyalar yükleyebiliriz.

npm install --save-dev gulp

İlk Uygulama

Çalışma alanımıza gulpfile.js adında bir Javascript dosyası oluşturuyoruz ve bu dosya içerisinde aşağıdaki alanı ekliyoruz.

exports.default = () => {
   console.log('Gulp Çalışma Alanı')
}

Dosyamızda çalışacak satırları ekledikten sonra terminal üzerinde

gulp

komutu ile tanımlamalarımızın çalışmasını sağlıyoruz. Çıktısı "Gulp Çalışma Alanı" olacaktır.