Tehtävien luonti Gulpassa

Gulp vaatii toimiakseen erityisen tiedoston gulpfile.js, joka sijoitetaan projektin juurikansioon. Tähän tiedostoon sijoitetaan Gulpille tarkoitetut tehtävät. Nämä tehtävät ovat JavaScript-funktioita.

Luodaan lämmittelyksi testitehtävä. Aluksi luomme mainitun tiedoston ja liitämme siihen kirjastomme:

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

Luodaan funktio ensimmäiselle tehtävällemme ja viedään se:

javascriptlet gulp = require('gulp');

function task(cb) {
  console.log('my first task completed!');
  cb(); // erityinen takaisinkutsu, siitä myöhemmin
}

exports.default = task;

Käynnistääksemme tehtävämme, ollessamme projektin kansiossa, suoritamme komentorivillä seuraavan käskyn:

terminalgulp

Selitys cb:stä

Olet varmasti huomannut, että tehtävää sisältävään funktioon parametrina tulee takaisinkutsufunktio, joka on kutsuttava tehtävän lopussa:

javascriptfunction task(cb) {
  console.log('my first task');
  cb(); // kutsutaan takaisinkutsua
}

Tämä tehdään ilmoittaakseen Gulplle, että tehtävä on valmis ja voidaan siirtyä seuraavaan tehtävään.

Sinun ei tarvitse yrittää ymmärtää tätä liian syvällisesti - kutsu vain takaisinkutsua lopussa. Seuraavissa oppitunneissa, kun tehtävämme palauttaa jotain läpi returnin, takaisinkutsun kutsuminen ei ole tarpeen.