Opprette oppgaver i Gulp

For at Gulp skal fungere trengs en spesiell fil gulpfile.js, plassert i rotmappen til prosjektet. I denne filen plasseres oppgaver for Gulp. Disse oppgavene er JavaScript-funksjoner.

La oss opprette en testoppgave for å varme opp. Først oppretter vi den angitte filen og inkluderer biblioteket vårt:

let gulp = require('gulp');

La oss opprette en funksjon med vår første oppgave og eksportere den:

let gulp = require('gulp');

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

exports.default = task;

For å kjøre oppgaven vår, mens vi er i prosjektmappen, kjører vi følgende kommando i kommandolinjen:

gulp

Opprett en oppgave som skriver ut nåværende tidspunkt i konsollen. Kjør denne oppgaven via kommandolinjen.

Forklaring av cb

Du har sikkert lagt merke til at en callback-funksjon sendes som parameter til oppgavefunksjonen, og at denne må kalles på slutten av oppgaven:

function task(cb) {
	console.log('my first task');
	cb(); // kaller callbacken
}

Dette gjøres for å informere Gulp om at oppgaven er fullført, og at den kan gå videre til neste oppgave.

Du trenger ikke å fordype deg for mye i dette - bare kall callbacken på slutten. I de neste leksjonene, når oppgaven vår returnerer noe via return, vil det ikke være nødvendig å kalle callbacken.