Gulp Nedir ?

Sezai AlkanFrontend Developer

Node.js #gulp #minify #convert

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.