Kausta puhastamine enne salvestamist Gulpis

Olete kindlasti juba märganud, et failide salvestamisel kausta ei kustuta Gulp sealt eelmisi faile.

Selleks, et see toimuks, tuleb paigaldada spetsiaalne plugin del.

Paigaldame selle, käivitades järgmise käske:

terminalnpm install del --save-dev

See plugin erineb varasematest kasutatutest selle poolest, et seda kasutatakse väljaspool meetodite ahelat pipe. Seetõttu peame antud juhul looma ülesannete grupi: esimene ülesanne tegeleb kausta puhastamisega ja teine teeb kasulikku tööd.

Valime näiteks kasulikuks tööks CSS-i minimeerimise.

Ühendame kõik vajalik:

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

Teeme ülesande kausta dist puhastamiseks:

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

Teeme ülesande CSS-i minimeerimiseks:

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

Teostame ülesannete seeria:

javascriptexports.default = series(taskDel, taskCss);

Kogume kõik kokku ja saame järgmise koodi:

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

exports.default = series(taskDel, taskCss);