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:

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

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

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

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

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

Hajtsuk végre a feladatsorozatot:

exports.default = series(taskDel, taskCss);

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

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

exports.default = series(taskDel, taskCss);

Készítsen egy feladatot a JavaScript minimalizálására. Tisztítsa meg a mappát minden feladatindítás előtt.

Készítsen egy három feladatból álló csoportot: egy feladatot a mappa tisztítására, egy feladatot a CSS minimalizálására és egy feladatot a JavaScript minimalizálására. Határozza meg, hogy mely feladatoknak kell egymás után végrehajtódniuk, és melyeknek - párhuzamosan.