Creación de tareas en Gulp

Para que Gulp funcione, se necesita un archivo especial gulpfile.js, ubicado en la carpeta raíz del proyecto. En este archivo se colocan las tareas para Gulp. Estas tareas son funciones JavaScript.

Para calentar, creemos una tarea de prueba. Primero, creemos el archivo mencionado y conectemos nuestra biblioteca:

let gulp = require('gulp');

Creemos una función con nuestra primera tarea y exportémosla:

let gulp = require('gulp');

function task(cb) {
	console.log('¡mi primera tarea completada!');
	cb(); // un callback especial, lo veremos más adelante
}

exports.default = task;

Para ejecutar nuestra tarea, estando en la carpeta del proyecto, en la línea de comandos ejecutemos el siguiente comando:

gulp

Crea una tarea que muestre en la consola el momento actual de tiempo. Ejecuta esta tarea a través de la línea de comandos.

Explicación de cb

Seguramente notaste que a la función de la tarea le llega como parámetro una función callback, que debe ser llamada al final de la tarea:

function task(cb) {
	console.log('mi primera tarea');
	cb(); // llamamos al callback
}

Esto se hace para notificar a Gulp que la tarea ha terminado y se puede proceder con la siguiente tarea.

No es necesario profundizar mucho en esto - simplemente llama al callback al final. En las próximas lecciones, cuando nuestra tarea devuelva algo a través de return, la llamada al callback no será necesaria.