Gulp-те құжаттардың өзгеруін бақылау

Қандай да бір түрлендіруді орындау қажет болған кезде әр жолы консольде команданы шақыру өте ыңғайлы емес - себебі код жазу кезінде мұны жиі істеуге тура келеді.

Сондықтан Gulp-та файлдардың өзгеруін бақылау үшін watch арнайы функциясы бар. Кез келген бақыланатын файл өзгерген кезде сәйкес міндет автоматты түрде іске қосылады.

LESS-ті CSS-ке түрлендіру мысалын қарастырайық. Алдымен барлық қажеттілерді қосайық:

let {src, dest, watch} = require('gulp');
let less = require('gulp-less');

Енді түрлендіруге арналған міндетті жасайық:

function task(cb) {
	return src('src/*.less')
		.pipe(less())
		.pipe(dest('dist'));
}

Енді анонимді функцияны экспорттаймыз, оның ішінде біздің файлдардың өзгерістерін бақылаймыз, бұл жағдайда біздің міндетті шақырамыз:

exports.default = function() {
	watch('src/*.less', task);
};

Командалық жолда іске қосқаннан кейін "мәңгілік" міндет айнала бастайды. Бұл осы терминалға басқа командаларды енгізу мүмкін емес дегенді білдіреді. Осындай міндетті орындауды терминалда Ctrl + C тіркесімін басу арқылы тоқтатуға болады.

Әртүрлі файл топтарын бақылап, оларға әртүрлі міндеттерді бекітуге болады:

exports.default = function() {
	watch('src/*.less', task1);
	watch('src/*.sass', task1);
};

Немесе бір топ үшін міндеттер сериясын орындауға болады:

exports.default = function() {
	watch('src/*.less', series(task1, task2));
};

Сізде JavaScript файлдарының тобы бар делік. Бұл файлдар бір файлға біріктіріліп, содан кейін осы файлды минимизациялау орындалатындай етіңіз. Кез келген файлдың өзгеруі кезінде міндет орындалатындай етіңіз.