Vyčistenie priečinka pred uložením v Gulp

Už ste si pravdepodobne všimli, že pri ukladaní súborov do priečinka Gulp z neho neodstraňuje predchádzajúce súbory.

Aby sa tak deňalo, je potrebné nainštalovať špeciálny plugin del.

Nainštalujeme ho vykonaním nasledujúceho príkazu:

terminalnpm install del --save-dev

Tento plugin sa líši od doteraz používaných tým, že sa používa mimo reťazca metód pipe. Preto v tomto prípade musíme vytvoriť skupinu úloh: prvá úloha bude na vyčistenie priečinka a druhá bude vykonávať užitočnú prácu.

Pre príklad ako užitočnú prácu zvoľme minimalizáciu CSS.

Pripojme všetko potrebné:

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

Vytvorme úlohu na vyčistenie priečinka dist:

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

Vytvorme úlohu na minimalizáciu CSS:

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

Vykonajme sériu úloh:

javascriptexports.default = series(taskDel, taskCss);

Dajme všetko dokopy a získame nasledujúci kód:

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

exports.default = series(taskDel, taskCss);