Pastrimi i Dosjes para Ruajtjes në Gulp

Ju patjetër e keni vënë re tashmë se kur ruani skedarët në një dosje, Gulp nuk i fshin skedarët e mëparshëm prej saj.

Që kjo të ndodhë, duhet të instaloni një shtojcë të veçantë del.

Le ta instalojmë atë duke ekzekutuar komandën e mëposhtme:

terminalnpm install del --save-dev

Kjo shtojcë ndryshon nga ato të përdorura nga ne më parë sepse përdoret jashtë zinxhirit të metodave pipe. Prandaj, në këtë rast duhet të krijojmë një grup detyrash: detyra e parë do të jetë për pastrimin e dosjes, dhe e dyta do të bëjë punën e dobishme.

Le të zgjedhim, për shembull, si punë të dobishme minimizimin e CSS.

Le të lidhim gjithçka të nevojshme:

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

Le të bëjmë një detyrë për pastrimin e dosjes dist:

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

Le të bëjmë një detyrë për minimizimin e CSS:

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

Le të ekzekutojmë një seri detyrash:

javascriptexports.default = series(taskDel, taskCss);

Le të mbledhim gjithçka së bashku dhe të marrim kodin e mëposhtëm:

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

exports.default = series(taskDel, taskCss);