Tworzenie zadań w Gulp

Do działania Gulp wymaga specjalnego pliku gulpfile.js, umieszczanego w głównym katalogu projektu. W tym pliku znajdują się zadania dla Gulpa. Te zadania są funkcjami JavaScript.

Dla rozgrzewki stwórzmy zadanie testowe. Najpierw utwórzmy wskazany plik i podłączmy do niego naszą bibliotekę:

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

Stwórzmy funkcję z naszym pierwszym zadaniem i eksportujmy ją:

javascriptlet gulp = require('gulp');

function task(cb) {
  console.log('my first task completed!');
  cb(); // specjalne wywołanie zwrotne, o nim później
}

exports.default = task;

Aby uruchomić nasze zadanie, będąc w katalogu projektu, w wierszu poleceń wykonajmy następujące polecenie:

terminalgulp

Wyjaśnienie cb

Z pewnością zauważyłeś, że do funkcji z zadaniem jako parametr trafia funkcja zwrotna, która powinna zostać wywołana na końcu zadania:

javascriptfunction task(cb) {
  console.log('my first task');
  cb(); // wywołujemy funkcję zwrotną
}

Robimy to po to, aby powiadomić Gulpa o tym, że zadanie zostało zakończone i można przejść do następnego zadania.

Nie ma potrzeby się w to zagłębiać - po prostu wywołuj funkcję zwrotną na końcu. W kolejnych lekcjach, kiedy nasze zadanie będzie coś zwracać przez return, wywołanie funkcji zwrotnej nie będzie potrzebne.