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

Для работы Gulp необходим специальный файл gulpfile.js, размещаемый в корневой папке проекта. В этом файле размещаются задачи для Gulp. Эти задачи представляют собой функции JavaScript.

Давайте для разминки создадим тестовую задачу. Для начала создадим указанный файл и подключим к нему нашу библиотеку:

let gulp = require('gulp');

Создадим функцию с нашей первой задачей и экспортируем ее:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // специальный коллбэк, о нем позже
}

exports.default = task;

Для запуска нашей задачи, находясь в папке проекта, в командной строке выполним следующую команду:

gulp

Создайте задачу, выводящую в консоль текущий момент времени. Запустите эту задачу через командную строку.

Объяснение cb

Вы наверняка обратили внимание на то, что в функцию с задачей параметром попадает функция-коллбэк, которая должна быть вызвана в конце задачи:

function task(cb) {
	console.log('my first task');
	cb(); // вызываем коллбэк
}

Это делается для того, чтобы уведомить Gulp о том, задача завершена и можно приступать к следующей задаче.

Не стоит сильно вникать в это - просто вызывайте коллбэк в конце. В следующих уроках, когда наша задача будет что-то возвращать через return, вызов коллбэка будет не нужен.