Mapes tīrīšana pirms saglabāšanas Gulp

Jūs droši vien jau esat pamanījuši, ka, saglabājot failus mapē, Gulp neizdzēš no tās iepriekšējos failus.

Lai tas notiktu, jāinstalē īpašs spraudnis del.

Uzstādīsim to, izpildot šādu komandu:

npm install del --save-dev

Šis spraudnis atšķiras no iepriekš lietotajiem ar to, ka to lieto ārā no metožu ķēdes pipe. Tāpēc šajā gadījumā mums jāizveido uzdevumu grupa: pirmais uzdevums būs mapes notīrīšanai, bet otrais veiks lietderīgo darbu.

Piemēram, par lietderīgo darbu izvēlēsimies CSS minimizēšanu.

Pievienosim visu nepieciešamo:

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

Izveidosim uzdevumu mapes dist notīrīšanai:

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

Izveidosim uzdevumu CSS minimizēšanai:

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

Izpildīsim uzdevumu sēriju:

exports.default = series(taskDel, taskCss);

Apvienosim visu kopā un iegūsim šādu kodu:

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

exports.default = series(taskDel, taskCss);

Izveidojiet uzdevumu JavaScript minimizēšanai. Notīriet mapi pirms katra uzdevuma palaišanas.

Izveidojiet trīs uzdevumu grupu: uzdevumu mapes tīrīšanai, uzdevumu CSS minimizēšanai un uzdevumu JavaScript minimizēšanai. Nosakiet, kuri uzdevumi jāizpilda secīgi, un kuri - paralēli.