Skapa uppgifter i Gulp

För att Gulp ska fungera behövs en speciell fil gulpfile.js, som placeras i projektets rotmapp. I den här filen placeras uppgifter för Gulp. Dessa uppgifter är JavaScript-funktioner.

Låt oss skapa en testuppgift som uppvärmning. Först skapar vi den nämnda filen och importerar vårt bibliotek:

let gulp = require('gulp');

Låt oss skapa en funktion med vår första uppgift och exportera den:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // en speciell callback, mer om den senare
}

exports.default = task;

För att starta vår uppgift, från projektmappen, kör följande kommando i kommandoraden:

gulp

Skapa en uppgift som skriver ut den aktuella tiden till konsolen. Starta denna uppgift via kommandoraden.

Förklaring av cb

Du har säkert lagt märke till att en callback-funktion skickas som parameter till uppgiftsfunktionen, som måste anropas i slutet av uppgiften:

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

Detta görs för att meddela Gulp att uppgiften är avslutad och att den kan gå vidare till nästa uppgift.

Du behöver inte fundera för mycket över detta - bara anropa callback i slutet. I kommande lektioner, när vår uppgift returnerar något via return, behövs inte callback-anropet.