Gulp'ta Dosya Minimizasyonu

Şimdi bir dosya grubuna işlemler uygulamayı öğrenelim. İlk olarak CSS dosyalarını minimize edeceğiz. Bu, gulp-clean-css eklentisi kullanılarak yapılır.

Öncelikle bu eklentiyi projemize kurmamız gerekiyor:

terminalnpm install gulp-clean-css --save-dev

Bundan sonra kurulan eklentiyi içe aktarıyoruz:

javascriptlet {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');

Onu herhangi bir dosya için kullanalım:

javascriptfunction task(cb) {
  return src('src/styles.css')
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}

Eklentimizi bir dosya grubu için kullanalım:

javascriptfunction task(cb) {
  return src('src/*.css')
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}