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

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

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

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

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

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

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

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

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

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

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

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

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

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