A mappa tisztítása mentés előtt Gulp-ban

Már biztosan észrevette, hogy amikor fájlokat ment egy mappába, a Gulp nem törli ki belőle a korábbi fájlokat.

Ahhoz, hogy ez megtörténjen, telepíteni kell egy speciális bővítményt, a del-t.

Telepítsük a következő parancs végrehajtásával:

terminalnpm install del --save-dev

Ez a bővítmény abban különbözik a korábban használtaitól, hogy a pipe metódus láncon kívül használatos. Ezért ebben az esetben egy feladatcsoportot kell létrehoznunk: az első feladat a mappa tisztítása, a második pedig az hasznos munkát végzi.

Példaként vegyük a CSS minimalizálását hasznos munkaként.

Kapcsoljuk be minden szükségest:

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

Készítsünk egy feladatot a dist mappa tisztítására:

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

Készítsünk egy feladatot a CSS minimalizálására:

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

Hajtsuk végre a feladatsorozatot:

javascriptexports.default = series(taskDel, taskCss);

Foglaljuk össze az egészet, és a következő kódot kapjuk:

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

exports.default = series(taskDel, taskCss);