Čištění složky před uložením v Gulp

Už jste si pravděpodobně všimli, že při ukládání souborů do složky Gulp neodstraňuje z ní předchozí soubory.

Aby k tomu došlo, je třeba nainstalovat speciální plugin del.

Nainstalujeme jej spuštěním následujícího příkazu:

terminalnpm install del --save-dev

Tento plugin se liší od těch, které jsme dříve používali, tím, že se používá mimo řetězec metod pipe. Proto v tomto případě musíme vytvořit skupinu úloh: první úloha bude čistit složku a druhá bude dělat užitečnou práci.

Jako příklad si pro užitečnou práci vybereme minimalizaci CSS.

Pojďme připojit vše potřebné:

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

Vytvořme úlohu pro vyčištění složky dist:

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

Vytvořme úlohu pro minimalizaci CSS:

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

Spustíme sérii úloh:

javascriptexports.default = series(taskDel, taskCss);

Shrňme vše dohromady a získáme následující 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);