Taken maken in Gulp

Voor Gulp is een speciaal bestand nodig, gulpfile.js, geplaatst in de hoofdmap van het project. In dit bestand worden de taken voor Gulp geplaatst. Deze taken zijn JavaScript-functies.

Laten we om op te warmen een testtaak creëren. Laten we eerst het genoemde bestand aanmaken en onze bibliotheek eraan koppelen:

let gulp = require('gulp');

Laten we een functie met onze eerste taak creëren en deze exporteren:

let gulp = require('gulp');

function task(cb) {
	console.log('mijn eerste taak voltooid!');
	cb(); // speciale callback, hierover later meer
}

exports.default = task;

Om onze taak uit te voeren, terwijl we ons in de projectmap bevinden, voeren we de volgende opdracht uit in de opdrachtregel:

gulp

Maak een taak die het huidige tijdstip naar de console logt. Start deze taak via de opdrachtregel.

Uitleg over cb

Je hebt vast gemerkt dat er een callback-functie als parameter aan de taakfunctie wordt doorgegeven, die aan het einde van de taak moet worden aangeroepen:

function task(cb) {
	console.log('mijn eerste taak');
	cb(); // roepen de callback aan
}

Dit wordt gedaan om Gulp te informeren dat de taak is voltooid en dat kan worden begonnen met de volgende taak.

Je hoeft hier niet te diep op in te gaan - roep de callback gewoon aan het einde aan. In de volgende lessen, wanneer onze taak iets zal retourneren via return, zal het aanroepen van de callback niet nodig zijn.