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'));
}

ယခု အမည်မဲ့ ဖန်ရှင်တစ်ခုကို export လုပ်ပြီး၊ ၎င်းအတွင်းတွင် ကျွန်ုပ်တို့၏ ဖိုင်များ ပြောင်းလဲမှုများကို ခြေရာခံကာ၊ ဤအခြေအနေတွင် ကျွန်ုပ်တို့၏ တာဝန်ကို ခေါ်ယူပါမည်။

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

ကွန်မန့်လိုင်းတွင် စတင်လုပ်ဆောင်ပြီးနောက် "ထာဝရ" တာဝန်တစ်ခု လည်ပတ်နေမည်။ ဆိုလိုသည်မှာ ဤ terminal တွင် အခြားသော အမိန့်များကို ရိုက်ထည့်၍မရပါ။ ထိုသို့သော တာဝန်တစ်ခု၏ လုပ်ဆောင်ချက်ကို terminal တွင် Ctrl + C အပြိုင်နှိပ်ခြင်းဖြင့် ရပ်တန့်နိုင်ပါသည်။

ဖိုင်အုပ်စုမျိုးစုံကို ခြေရာခံပြီး ၎င်းတို့နှင့် တာဝန်အမျိုးမျိုးကို �ျိတ်ဆက်နိုင်ပါသည်။

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

သို့မဟုတ် တစ်စုတည်းသော အုပ်စုတစ်ခုအတွက် တာဝန်စီးရီးတစ်ခုကို လုပ်ဆောင်နိုင်ပါသည်။

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

သင့်တွင် JavaScript ဖိုင်အုပ်စုတစ်ခု ရှိသည်ဆိုပါစို့။ ထိုဖိုင်များကို ဖိုင်တစ်ဖိုင်တည်းအဖြစ် ပေါင်းစပ်ပြီး၊ ထို့နောက် ထိုဖိုင်၏ အငယ်ဆုံးဖြစ်အောင် လုပ်ဆောင်ချက်ကို လုပ်ဆောင်ပါ။ ကျွန်ုပ်တို့၏ ဖိုင်များထဲမှ တစ်ခုခု ပြောင်းလဲသောအခါတိုင်း တာဝန်လုပ်ဆောင်ရန် စီစဉ်ပါ။