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:

let gulp = require('gulp');

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

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

gulp

Luo tehtävä, joka tulostaa konsoliin nykyisen ajanhetken. Käynnistä tämä tehtävä komentorivin kautta.

Selitys cb:stä

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

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