Oprettelse af opgaver i Gulp

Til at Gulp skal fungere, kræves en speciel fil gulpfile.js, placeret i projektets rodmappe. I denne fil placeres opgaver for Gulp. Disse opgaver er JavaScript-funktioner.

Lad os for at varme op oprette en testopgave. Lad os først oprette den nævnte fil og tilføje vores bibliotek til den:

let gulp = require('gulp');

Lad os oprette en funktion med vores første opgave og eksportere den:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // en speciel callback, mere om den senere
}

exports.default = task;

For at køre vores opgave, mens vi er i projektmappen, udfører vi følgende kommando i kommandolinjen:

gulp

Opret en opgave, der udskriver det aktuelle tidspunkt til konsollen. Kør denne opgave via kommandolinjen.

Forklaring af cb

Du har sikkert lagt mærke til, at en callback-funktion sendes som parameter til opgavefunktionen, som skal kaldes i slutningen af opgaven:

function task(cb) {
	console.log('my first task');
	cb(); // kalder callback
}

Dette gøres for at informere Gulp om, at opgaven er afsluttet, og at den kan gå videre til den næste opgave.

Du behøver ikke at fordybe dig for meget i dette - bare kald callback'en til sidst. I de næste lektioner, når vores opgave returnerer noget via return, vil et kald til callback ikke være nødvendigt.