Ҷойкароркунии ҳуҷра пеш аз захира дар Gulp

Шумо аллакай диққат додаед, ки вақте ки файлҳо ба ҳуҷра захира мешаванд, Gulp файлҳои қаблиро аз он нест намекунад.

Барои ин ки ин рӯй диҳад, бояд плагини махсусро насб кунед del.

Онро бо иҷрои фармони зерин насб кунем:

npm install del --save-dev

Ин плагин аз плагинҳое, ки мо пештар истифода мекардем, бо он фарқ мекунад, ки он берун аз занҷир методҳои pipe истифода мешавад. Аз ин рӯ дар ин ҳолат мо бояд гурӯҳи вазифаҳо эҷод кунем: вазифаи аввал барои тоза кардани ҳуҷра хоҳад буд, ва вазифаи дуюм кори фоидаоварро иҷро хоҳад кард.

Барои мисол ба сифати кори фоидаовар коҳиш додани CSS-ро интихоб кунем.

Биёед ҳамаи лозимиро пайваст кунем:

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

Вазифа барои тоза кардани ҳуҷраи dist созем:

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

Вазифа барои коҳиш додани CSS созем:

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

Серияи вазифаҳоро иҷро кунем:

exports.default = series(taskDel, taskCss);

Ҳамаро якҷоя мунтазам кунем ва рамзи зеринро ба даст меорем:

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

exports.default = series(taskDel, taskCss);

Вазифае барои коҳиш додани JavaScript созед. Пеш ҳар дафъа иҷрои вазифа ҳуҷраро тоза кунед.

Гурӯҳе аз се вазифа созед: вазифа барои тоза кардани ҳуҷра, вазифа барои коҳиш додани CSS ва вазифа барои коҳиш додани JavaScript. Муайян кунед, кадом вазифаҳо бояд пай дар пай иҷро шаванд, ва кадомҳо - баробари ҳам.