Gulp-da dokumentleriň üýtgemegine gözegçilik

Gerek bolan öwrülişikleri amala aşyrmak üçin her gezek konsolda buýrugy çagyrmak erbet ýagdaý - sebäbi kody ýazýanymyzda muny örän köp gezek etmeli bolýarys.

Şonuň üçin Gulp-da faýllaryň üýtgemegine gözegçilik etmek üçin ýörite watch funksiýasy goýulandyr. Gözegçilik edilýän faýllaryň haýsysydyr biriniň üýtgemegi bilen degişli wezipeler awtomatiki ýerine ýetiriler.

Geliň, LESS-i CSS-e öwürmek mysalynda göreli. Ilki bilen, gerekli bolan zatlary çakyşdyralyň:

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

Indi öwrülişik amala aşyrmak üçin wezipe ýasalyň:

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

Indi anonim funksiýany eksport edeliň, onuň içinde faýllarymyzyň üýtgemegine gözegçilik ederis we bu ýagdaýda wezipämizi çagyrarys:

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

Buýruk setirinde işledeniňizden soň, "akyldymy" wezipe dolanar. Bu, bu terminala beýleki buýruklary ýazyp bolmaýandygyny aňladýar. Şeýle wezipäni duruzmak üçin terminalda Ctrl + C kombinasiýasyna basmaly.

Üýtgeşik topar faýllara gözegçilik edip, olary dürli wezipeler bilen baglanyşdyryp bolýar:

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

Ýa-da bir topary üçin wezipeler seriýasyny ýerine ýetirip bolýar:

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

Size JavaScript faýllarynyň topary bar bolsun. Bu faýllaryň hemmesini bir faýlda jemlenmegini we soňra bu faýlyň minimalizasiýa edilmegini üpjün ediň. Faýllarymyzyň haýsysydyr biriniň üýtgemegi bilen wezipäniň ýerine ýetirilmegini üpjün ediň.