Skoonmaak van die gids voor stoor in Gulp

Jy het seker al opgemerk dat Gulp nie vorige lêers uit die gids verwyder wanneer jy lêers daarin stoor nie.

Om dit te laat gebeur, moet jy die spesiale inprop del installeer.

Installeer dit deur die volgende opdrag uit te voer:

terminalnpm install del --save-dev

Hierdie inprop verskil van dié wat ons voorheen gebruik het deurdat dit buite die ketting van pipe-metodes gebruik word. Daarom moet ons in hierdie geval 'n groep take skep: die eerste taak sal die gids skoonmaak, en die tweede sal die nuttige werk doen.

Laat ons vir die voorbeeld die minimisering van CSS as die nuttige werk kies.

Kom ons koppel alles wat nodig is:

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

Kom ons maak 'n taak om die gids dist skoon te maak:

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

Kom ons maak 'n taak om CSS te minimeer:

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

Kom ons voer 'n reeks take uit:

javascriptexports.default = series(taskDel, taskCss);

Kom ons voeg alles bymekaar en kry die volgende kode:

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

exports.default = series(taskDel, taskCss);