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ň:

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

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

javascriptfunction 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:

javascriptexports.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:

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

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

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