Creazione di task in Gulp

Per funzionare, Gulp richiede un file speciale gulpfile.js, posizionato nella cartella radice del progetto. In questo file vengono inseriti i task per Gulp. Questi task sono funzioni JavaScript.

Per riscaldarci, creiamo un task di test. Per iniziare, creiamo il file indicato e colleghiamo la nostra libreria:

let gulp = require('gulp');

Creiamo una funzione con il nostro primo task e esportiamola:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // callback speciale, ne parleremo più avanti
}

exports.default = task;

Per eseguire il nostro task, stando nella cartella del progetto, eseguiamo il seguente comando nella riga di comando:

gulp

Crea un task che stampi nella console l'istante temporale corrente. Esegui questo task tramite la riga di comando.

Spiegazione di cb

Avrai sicuramente notato che nella funzione del task viene passata come parametro una funzione di callback, che deve essere chiamata alla fine del task:

function task(cb) {
	console.log('my first task');
	cb(); // chiamiamo il callback
}

Questo viene fatto per informare Gulp che il task è completato e che si può procedere con il task successivo.

Non c'è bisogno di approfondire troppo - basta chiamare il callback alla fine. Nelle prossime lezioni, quando il nostro task restituirà qualcosa tramite return, la chiamata al callback non sarà necessaria.