Създаване на задачи в Gulp

За работата на Gulp е необходим специален файл gulpfile.js, разположен в основната папка на проекта. В този файл се поставят задачи за Gulp. Тези задачи представляват функции на JavaScript.

Нека за загрявка създадем тестова задача. Първо, нека създадем посочения файл и да го свържем към нашата библиотека:

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

Нека създадем функция с нашата първа задача и да я експортираме:

javascriptlet gulp = require('gulp');

function task(cb) {
  console.log('my first task completed!');
  cb(); // специален callback, за него по-късно
}

exports.default = task;

За да стартираме нашата задача, намирайки се в папката на проекта, в командния ред изпълняваме следната команда:

terminalgulp

Задание 1

Създайте задача, която извежда в конзолата текущия момент от време. Стартирайте тази задача чрез командния ред.

Обяснение на cb

Със сигурност сте забелязали, че във функцията със задача като параметър се подава функция-callback, която трябва да бъде извикана в края на задачата:

javascriptfunction task(cb) {
  console.log('my first task');
  cb(); // извикваме callback
}

Това се прави, за да се уведоми Gulp, че задачата е завършена и може да се премине към следващата задача.

Не е необходимо да се задълбавате много в това - просто извиквайте callback в края. В следващите уроци, когато нашата задача ще връща нещо чрез return, извикването на callback няма да е необходимо.