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 файлдарынын тобу бар дейли. Бул файлдар бир файлга биригип, андан кийин ушул файлдын минификациясы (кичирейтүүсү) аткарылсын. Биздин файлдардын кайсынысы бир өзгөрсө да, милдет аткарыла тургандай кылыңыз.