Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

Gulp Nedir ?

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. 

Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com