Rydning af mappe før lagring i Gulp

Du har sikkert allerede lagt mærke til, at når filer gemmes i en mappe, så sletter Gulp ikke de tidligere filer fra den.

For at dette skal ske, skal du installere et specielt plugin del.

Lad os installere det ved at udføre følgende kommando:

npm install del --save-dev

Dette plugin adskiller sig fra dem, vi har brugt tidligere, ved at det bruges uden for kæden af metoder pipe. Derfor skal vi i dette tilfælde oprette en gruppe af opgaver: den første opgave vil være at rydde mappen, og den anden vil udføre det nyttige arbejde.

Lad os for eksempel vælge minimering af CSS som det nyttige arbejde.

Lad os forbinde alt det nødvendige:

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

Lad os lave en opgave til at rydde mappen dist:

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

Lad os lave en opgave til at minimere CSS:

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

Lad os udføre en serie af opgaver:

exports.default = series(taskDel, taskCss);

Lad os samle alt sammen og få følgende kode:

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

exports.default = series(taskDel, taskCss);

Lav en opgave til at minimere JavaScript. Ryd mappen før hver kørsel af opgaven.

Lav en gruppe af tre opgaver: en opgave til at rydde mappen, en opgave til at minimere CSS og en opgave til at minimere JavaScript. Bestem, hvilke opgaver der skal udføres sekventielt, og hvilke der skal udføres parallelt.