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'ти минимизациялоо тапшырмасы. Кайсы тапшырмалар иреттүү аткарылышы керек, кайсылары параллель аткарылышы керек экенин аныктаңыз.