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 минимизациясы тапсырмасы. Қай тапсырмалар бірізді, ал қайтары параллель орындалуы керек екенін анықтаңыз.