Č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:

terminalnpm 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:

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

Napravimo zadatak za čišćenje direktorijuma dist:

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

Napravimo zadatak za minimizaciju CSS-a:

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

Izvršimo seriju zadataka:

javascriptexports.default = series(taskDel, taskCss);

Skupimo sve zajedno i dobijamo sledeći kod:

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

exports.default = series(taskDel, taskCss);