Gulp'ta Kaydetmeden Önce Klasör Temizleme

Muhtemelen fark etmişsinizdir ki, Gulp dosyaları bir klasöre kaydettiğinde, önceki dosyaları oradan silmez.

Bunun olması için, özel bir eklenti olan del'i kurmanız gerekir.

Aşağıdaki komutu çalıştırarak kuralım:

npm install del --save-dev

Bu eklenti, daha önce kullandıklarımızdan farklı olarak, pipe metod zincirinin dışında kullanılır. Bu nedenle bu durumda bir görev grubu oluşturmalıyız: ilk görev klasörü temizleyecek, ikinci görev ise faydalı işi yapacak.

Örnek olarak, faydalı iş olarak CSS minimizasyonunu seçelim.

Gerekli tüm bağlantıları kuralım:

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

dist klasörünü temizleme görevini yapalım:

function taskDel(cb) {
	return del('dist/*');
}

CSS minimizasyonu görevini yapalım:

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

Görev serisini çalıştıralım:

exports.default = series(taskDel, taskCss);

Hepsini bir araya getirelim ve aşağıdaki kodu elde edelim:

function taskDel(cb) {
	return del('dist/*');
}
function taskCss(cb) {
	return src('src/*.css')
		.pipe(cleanCSS())
		.pipe(dest('dist'));
}

exports.default = series(taskDel, taskCss);

JavaScript minimizasyonu için bir görev yapın. Görevi her çalıştırmadan önce klasörü temizleyin.

Üç görevden oluşan bir grup yapın: klasör temizleme görevi, CSS minimizasyonu görevi ve JavaScript minimizasyonu görevi. Hangi görevlerin sırayla, hangilerinin paralel olarak çalıştırılması gerektiğini belirleyin.