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

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

let {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:

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

Vytvořme úlohu pro minimalizaci CSS:

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

Spustíme sérii úloh:

exports.default = series(taskDel, taskCss);

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

Vytvořte úlohu pro minimalizaci JavaScriptu. Před každým spuštěním úlohy vyčistěte složku.

Vytvořte skupinu ze tří úloh: úlohu na vyčištění složky, úlohu na minimalizaci CSS a úlohu na minimalizaci JavaScriptu. Určete, které úlohy by se měly provádět postupně, a které - paralelně.