Очистка папки Gulp

Для очистки папки перед сохранением, нужно установить специальный плагин del:

npm install del --save-dev

Данный плагин отличается от используемых ранее тем, что он используется вне цепочки методов pipe. Поэтому в данном случае мы должны создать группу задач:

1. Первая задача на очищение папки
2. Вторая задача на выполнение полезной работы

Для примера в качестве полезной работы выберем минимизацию CSS, давайте подключим все необходимое:

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

Сделаем задачу на очищение папки dist:

gulpfile.jsfunction taskDel(cb) {
  return del("dist/*");
}

Сделаем задачу на минимизацию CSS:

gulpfile.jsfunction taskCss(cb) {
  return src("src/*.css").pipe(cleanCSS()).pipe(dest("dist"));
}

Выполним серию задач:

gulpfile.jsexports.default = series(taskDel, taskCss);

Соберем все вместе и получим следующий код:

gulpfile.jsfunction taskDel(cb) {
  return del("dist/*");
}
function taskCss(cb) {
  return src("src/*.css").pipe(cleanCSS()).pipe(dest("dist"));
}
exports.default = series(taskDel, taskCss);