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:

gulpfile.jslet gulp = require('gulp');

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

javascriptlet 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:

terminalgulp

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:

javascriptfunction 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.