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:

terminalnpm 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:

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

Tutengeneze kazi ya kusafisha folda dist:

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

Tutengeneze kazi ya uboreshaji wa CSS:

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

Wacha tutekeleze mfululizo wa kazi:

javascriptexports.default = series(taskDel, taskCss);

Wacha tukusanye pamoja na kupata msimbo ufuatao:

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

exports.default = series(taskDel, taskCss);