Gulp-da ýygnanan papkany arassalamak

Elbetde, Gulp faýllary bir papkada ýazylanda, öňki faýllary ondan aýyrmazlygyna üns beripdirsiňiz.

Munuň ýüze çykmagy üçin, ýörite bir plagin del gurmaly.

Onu gurmak üçin aşakdaky buýrugy ýerine ýetiriň:

npm install del --save-dev

Bu plagin öň ulananlarymyzdan tapawutlylygy şol ýerde, ol pipe zynjyr usullarynyň daşynda ulanylýar. Şonuň üçin bu ýagdaýda biz ýumuşlar toparyny döretmeli: birinji ýumuş papkany arassalamak bolar, ikinjisi peýdaly işi ýerine ýetirer.

Mysal üçin peýdaly iş hökmünde CSS-i minimal edişi saýalyň.

Gerekli ähli zatlary çagyralyň:

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

dist papkasy üçin arassalaýyş ýumuşyny düzeliň:

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

CSS-i minimal etmek üçin ýumuş düzeliň:

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

Ýumuşlar seriýasyny ýerine ýetirýäris:

exports.default = series(taskDel, taskCss);

Hemmesini bilelikde jemläp, aşakdaky kody alyň:

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

exports.default = series(taskDel, taskCss);

JavaScript-i minimal etmek üçin ýumuş düzüň. Her bir ýumuşy başlatmazdan öň papkany arassalaň.

Üç ýumuşdan ybarat topary düzüň: papkany arassalaýyş ýumuşy, CSS-i minimal ediş ýumuşy we JavaScript-i minimal ediş ýumuşy. Haýsy ýumuşlaryň yzygiderli, haýsylarynyň bolsa parallel ýerine ýetirilmeli dugulandyklaryny kesgitleň.