Kusafisha Folda Kabla ya Kuhifadhi kwenye Gulp

Labda tayari umegundua kuwa, wakati wa kuhifadhi faili kwenye folda, Gulp haifuti faili zilizopo awali ndani yake.

Ili hii ifanyike, inahitajika kusanikisha programu-jalizi maalum del.

Wacha tuisanikishe kwa kutekeleza amfu ifuatayo:

npm install del --save-dev

Programu-jalizi hii hutofautiana na zile tulizotumia awali kwa kuwa inatumika nje ya mnyororo wa mitindo pipe. Kwa hivyo katika kesi hii tunahitaji kuunda kikundi cha kazi: kazi ya kwanza itakuwa ya kusafisha folda, na ya pili itafanya kazi muhimu.

Kwa mfano, wacha tuchague uboreshaji wa CSS kama kazi muhimu.

Wacha tuunganishe kila kitu kinachohitajika:

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

Tutengeneze kazi ya kusafisha folda dist:

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

Tutengeneze kazi ya uboreshaji wa CSS:

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

Wacha tutekeleze mfululizo wa kazi:

exports.default = series(taskDel, taskCss);

Wacha tukusanye pamoja na kupata msimbo ufuatao:

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

exports.default = series(taskDel, taskCss);

Tengeneza kazi ya uboreshaji wa JavaScript. Safisha folda kabla ya kuanzisha kila kazi.

Tengeneza kikundi cha kazi tatu: kazi ya kusalisha folda, kazi ya uboreshaji wa CSS na kazi ya uboreshaji wa JavaScript. Amua, kazi zipi zinapaswa kutekelezwa kwa mfuatano, na zipi - sambamba.