Pastrimi i Dosjes para Ruajtjes në Gulp

Ju patjetër e keni vënë re tashmë se kur ruani skedarët në një dosje, Gulp nuk i fshin skedarët e mëparshëm prej saj.

Që kjo të ndodhë, duhet të instaloni një shtojcë të veçantë del.

Le ta instalojmë atë duke ekzekutuar komandën e mëposhtme:

npm install del --save-dev

Kjo shtojcë ndryshon nga ato të përdorura nga ne më parë sepse përdoret jashtë zinxhirit të metodave pipe. Prandaj, në këtë rast duhet të krijojmë një grup detyrash: detyra e parë do të jetë për pastrimin e dosjes, dhe e dyta do të bëjë punën e dobishme.

Le të zgjedhim, për shembull, si punë të dobishme minimizimin e CSS.

Le të lidhim gjithçka të nevojshme:

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

Le të bëjmë një detyrë për pastrimin e dosjes dist:

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

Le të bëjmë një detyrë për minimizimin e CSS:

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

Le të ekzekutojmë një seri detyrash:

exports.default = series(taskDel, taskCss);

Le të mbledhim gjithçka së bashku dhe të marrim kodin e mëposhtëm:

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

exports.default = series(taskDel, taskCss);

Bëni një detyrë për minimizimin e JavaScript. Pastroni dosjen para çdo nisjeje të detyrës.

Bëni një grup prej tre detyrash: një detyrë për pastrimin e dosjes, një detyrë për minimizimin e CSS dhe një detyrë për minimizimin e JavaScript. Përcaktoni cilat detyra duhet të ekzekutohen në mënyrë sekuenciale, dhe cilat - paralelisht.