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:
npm install gulp-clean-css --save-dev
Bundan sonra kurulan eklentiyi içe aktarıyoruz:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
Onu herhangi bir dosya için kullanalım:
function task(cb) {
return src('src/styles.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Eklentimizi bir dosya grubu için kullanalım:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
gulp-uglify eklentisini kullanarak bir grup JavaScript dosyasını minimize edin.
