Čišćenje direktorijuma pre čuvanja u Gulp

Već ste verovatno primetili da, pri čuvanju fajlova u direktorijum, Gulp ne briše prethodne fajlove iz njega.

Da bi se ovo događalo, potrebno je instalirati poseban plugin del.

Instalirajmo ga izvršavajući sledeću komandu:

npm install del --save-dev

Ovaj plugin se razlikuje od dosadašnjih koje smo koristili po tome što se koristi van lanaca metoda pipe. Stoga, u ovom slučaju moramo kreirati grupu zadataka: prvi zadatak će biti za čišćenje direktorijuma, a drugi će raditi koristan posao.

Neka za primer, kao koristan posao izaberemo minimizaciju CSS-a.

Hajde da uključimo sve što je potrebno:

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

Napravimo zadatak za čišćenje direktorijuma dist:

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

Napravimo zadatak za minimizaciju CSS-a:

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

Izvršimo seriju zadataka:

exports.default = series(taskDel, taskCss);

Skupimo sve zajedno i dobijamo sledeći kod:

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

exports.default = series(taskDel, taskCss);

Napravite zadatak za minimizaciju JavaScript-a. Čistite direktorijum pre svakog pokretanja zadatka.

Napravite grupu od tri zadatka: zadatak za čišćenje direktorijuma, zadatak za minimizaciju CSS-a i zadatak za minimizaciju JavaScript-a. Odredite koji zadaci treba da se izvršavaju uzastopno, a koji - paralelno.