Kufuatilia Mabadiliko ya Nyaraka katika Gulp

Si rahisi kila wakati kuita amri kwenye konsoli wakati unahitaji kufanya mabadiliko fulani - kwani wakati wa kuandika msimbo kulazimika kufanya hivyo mara kwa mara.

Kwa hivyo, Gulp ina kazi maalum iliyojumuishwa watch kwa kufuatilia mabadiliko ya faili. Wakati faili yoyote inayofuatiliwa inabadilika, kazi inayofaa itaanzishwa moja kwa moja.

Wacha tuangalie mfano wa kubadilisha LESS hadi CSS. Kwanza, wacha tuunganishe kila kitu kinachohitajika:

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

Sasa tufanye kazi ya kubadilisha:

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

Sasa tufanye usafirishaji wa kitendakazi kisichojulikana, ndani ambayo tutafuatilia mabadiliko ya faili zetu, tukiiita kazi yetu katika kesi hii:

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

Baada ya kuzindua kwenye mstari wa amri, kazi ya "milele" itazunguka. Hii inamaanisha kuwa kwenye terminal hii hautaweza kuingiza amri zingine. Kukatiza utekelezaji wa kazi kama hiyo kunaweza kufanyika, kwa kubonyeza kwenye terminal muungano wa Ctrl + C.

Inawezekana kufuatilia makundi mbalimbali ya faili, ukizikabidhi kazi tofauti:

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

Au inawezekana kufanya mfululizo wa kazi kwa kundi moja:

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