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:

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

Sasa tufanye kazi ya kubadilisha:

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

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

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

Au inawezekana kufanya mfululizo wa kazi kwa kundi moja:

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

Hebu uwe na kundi la faili za JavaScript. Fanya ili faili hizi zilingane kuwa faili moja, na kisha kufanyike ufupishaji wa faili hiyo. Fanya ili kazi ifanyike wakati faili yoyote yetu inapobadilika.