Очистка папки перед сохранением в Gulp

Вы уже наверняка обратили внимание на то, что при сохранении файлов в папку, Gulp не удаляет из нее предыдущие файлы.

Чтобы это происходило, нужно установить специальный плагин del.

Установим его, выполнив следующую команду:

npm install del --save-dev

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

Пусть для примера в качестве полезной работы выберем минимизацию CSS.

Давайте подключим все необходимое:

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

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

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

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

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

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

exports.default = series(taskDel, taskCss);

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

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

exports.default = series(taskDel, taskCss);

Сделайте задачу на минимизацию JavaScript. Очищайте папку перед каждым запуском задачи.

Сделайте группу из трех задач: задачу на очистку папки, задачу на минимизацию CSS и задачу на минимизацию JavaScript. Определите, какие задачи должны выполнятся последовательно, а какие - параллельно.