Skoonmaak van die gids voor stoor in Gulp

Jy het seker al opgemerk dat Gulp nie vorige lêers uit die gids verwyder wanneer jy lêers daarin stoor nie.

Om dit te laat gebeur, moet jy die spesiale inprop del installeer.

Installeer dit deur die volgende opdrag uit te voer:

npm install del --save-dev

Hierdie inprop verskil van dié wat ons voorheen gebruik het deurdat dit buite die ketting van pipe-metodes gebruik word. Daarom moet ons in hierdie geval 'n groep take skep: die eerste taak sal die gids skoonmaak, en die tweede sal die nuttige werk doen.

Laat ons vir die voorbeeld die minimisering van CSS as die nuttige werk kies.

Kom ons koppel alles wat nodig is:

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

Kom ons maak 'n taak om die gids dist skoon te maak:

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

Kom ons maak 'n taak om CSS te minimeer:

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

Kom ons voer 'n reeks take uit:

exports.default = series(taskDel, taskCss);

Kom ons voeg alles bymekaar en kry die volgende kode:

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

exports.default = series(taskDel, taskCss);

Maak 'n taak om JavaScript te minimeer. Maak die gids skoon voor elke taakuitvoering.

Maak 'n groep van drie take: 'n taak om die gids skoon te maak, 'n taak om CSS te minimeer en 'n taak om JavaScript te minimeer. Bepaal watter take opeenvolgend uitgevoer moet word en watter parallel.