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:

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

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

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

terminalgulp

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:

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