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:

npm 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é:

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

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

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

Vytvorme úlohu na minimalizáciu CSS:

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

Vykonajme sériu úloh:

exports.default = series(taskDel, taskCss);

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

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

exports.default = series(taskDel, taskCss);

Vytvorte úlohu na minimalizáciu JavaScriptu. Pred každým spustením úlohy vyčistite priečinok.

Vytvorte skupinu z troch úloh: úlohu na vyčistenie priečinka, úlohu na minimalizáciu CSS a úlohu na minimalizáciu JavaScriptu. Určite, ktoré úlohy by mali byť vykonané postupne, a ktoré - paralelne.