Rensing av mappen før lagring i Gulp

Du har sikkert allerede lagt merke til at når filer lagres i en mappe, sletter ikke Gulp tidligere filer fra den.

For at dette skal skje, må du installere en spesiell plugin kalt del.

La oss installere den ved å kjøre følgende kommando:

terminalnpm install del --save-dev

Denne pluginen skiller seg fra de vi har brukt tidligere ved at den brukes utenfor kjeden av pipe-metoder. Derfor må vi i dette tilfellet opprette en gruppe oppgaver: den første oppgaven vil være for å rense mappen, og den andre vil gjøre nyttig arbeid.

La oss for eksempel velge minifisering av CSS som det nyttige arbeidet.

La oss koble til alt som trengs:

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

La oss lage en oppgave for å rense mappen dist:

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

La oss lage en oppgave for minifisering av CSS:

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

La oss kjøre en serie med oppgaver:

javascriptexports.default = series(taskDel, taskCss);

La oss sette alt sammen og få følgende kode:

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

exports.default = series(taskDel, taskCss);