Δημιουργία tasks στο Gulp

Για να λειτουργήσει το Gulp απαιτείται ένα ειδικό αρχείο gulpfile.js, το οποίο τοποθετείται στον κύριο φάκελο του project. Σε αυτό το αρχείο τοποθετούνται οι tasks για το Gulp. Αυτές οι tasks είναι συναρτήσεις JavaScript.

Ας δημιουργήσουμε μια test task για λύγιση. Αρχικά, ας δημιουργήσουμε το αρχείο που αναφέραμε και ας συνδέσουμε σ' αυτό τη βιβλιοθήκη μας:

let gulp = require('gulp');

Ας δημιουργήσουμε μια συνάρτηση για την πρώτη μας task και ας την εξάγουμε:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // ειδικό callback, περισσότερα για αυτό αργότερα
}

exports.default = task;

Για να εκτελέσουμε τη task μας, βρίσκοντας στον φάκελο του project, στη γραμμή εντολών εκτελούμε την ακόλουθη εντολή:

gulp

Δημιουργήστε μια task που να εμφανίζει στην κονσόλα την τρέχουσα χρονική στιγμή. Εκτελέστε αυτήν την task μέσω της γραμμής εντολών.

Επεξήγηση του cb

Σίγουρα παρατηρήσατε ότι στη συνάρτηση της task ως παράμετρο περνάει μια συνάρτηση-callback, η οποία πρέπει να κληθεί στο τέλος της task:

function task(cb) {
	console.log('my first task');
	cb(); // καλούμε το callback
}

Αυτό γίνεται για να ειδοποιηθεί το Gulp ότι η task ολοκληρώθηκε και μπορεί να προχωρήσει στην επόμενη task.

Δεν χρειάζεται να το αναλύσετε υπερβολικά - απλώς καλέστε το callback στο τέλος. Στα επόμενα μαθήματα, όταν η task μας θα επιστρέφει κάτι μέσω return, η κλήση του callback δεν θα απαιτείται.