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

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

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

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

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

javascriptlet gulp = require('gulp');

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

exports.default = task;

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

terminalgulp

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

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

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

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

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