Map schoonmaken voor opslaan in Gulp

Je hebt vast al gemerkt dat Gulp bij het opslaan van bestanden in een map de vorige bestanden niet verwijdert.

Om dit te laten gebeuren, moet je een speciale plugin del installeren.

Laten we deze installeren door het volgende commando uit te voeren:

npm install del --save-dev

Deze plugin verschilt van de eerder gebruikte doordat deze buiten de keten van methoden pipe wordt gebruikt. Daarom moeten we in dit geval een groep taken aanmaken: de eerste taak zal de map opschonen en de tweede zal het nuttige werk doen.

Laten we voor het voorbeeld CSS-minimalisatie kiezen als nuttig werk.

Laten we alles wat nodig is importeren:

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

Laten we een taak maken om de map dist op te schonen:

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

Laten we een taak maken voor CSS-minimalisatie:

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

Laten we een reeks taken uitvoeren:

exports.default = series(taskDel, taskCss);

Laten we alles samenvoegen en we krijgen de volgende code:

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

exports.default = series(taskDel, taskCss);

Maak een taak voor JavaScript-minimalisatie. Maak de map schoon voor elke start van de taak.

Maak een groep van drie taken: een taak voor het opschonen van de map, een taak voor CSS-minimalisatie en een taak voor JavaScript-minimalisatie. Bepaal welke taken opeenvolgend moeten worden uitgevoerd, en welke - parallel.