Gulp အတွင်းရှိ အလုပ်များ၏ အဆင့်မြှင့်ခြင်း

Gulp ၏ အလုပ်အားလုံးသည် အဆင့်မြှင့်ခြင်း ဖြစ်ကြောင်း သင် နားလည်သင့်ပါသည်။ ဤဆိုလိုရင်းကို ဥပမာတစ်ခုဖြင့် ကြည့်ကြပါစို့။ အများသုံး အလုပ်တစ်ခုအတွင်း၌ သီးသန့်အလုပ်နှစ်ခု ခေါ်ယူသည်ဟု ဆိုကြပါစို့။

function taskD(cb) {
	task1(cb);
	task2(cb);
	cb();
}

အဆင့်မြှင့်ခြင်းဆိုသည်မှာ task2 အလုပ်သည် task1 အလုပ်ပြီးဆုံးခြင်းကို မစောင့်ဘဲ၊ ယင်း၏အတူတူပင် ပြိုင်တူအလုပ်လုပ်မည်ဟု ဆိုလိုသည်။

ပို၍လက်တွေ့ကျသော ဥပမာတစ်ခုဖြင့် ဤအကြောင်းကို စဉ်းစားကြည့်ကြပါစို့။ ပထမအလုပ်သည် LESS ကို CSS အဖြစ်သို့ ပြောင်းလဲပေးပြီး၊ ဒုတိယအလုပ်သည် ရရှိလာသော CSS ကို အနှစ်ချုပ်ပေးသည်ဟု ဆိုကြပါစို့။

ထိုသို့သောအခြေအနေတွင် ကျွန်ုပ်တို့ ပြဿနာတစ်ခုနှင့် ရင်ဆိုင်ရမည်။ အဘယ်ကြောင့်ဆိုသော် LESS ကိုပြောင်းလဲခြင်း၏ ရလဒ်များ CSS ဖိုင်ထဲသို့ မရောက်ရှိမီ CSS ဖိုင်ကို အနှစ်ချုပ်၍မရနိုင်ပါ။

သို့သော် အလုပ်များသည် တစ်ခုပြီးမှတစ်ခု စီစဉ်ချက်အလိုက် လုပ်ဆောင်ခဲ့လျှင်၊ ကျွန်ုပ်တို့သည် အခြားပြဿနာတစ်ခုနှင့် ရင်ဆိုင်ရမည်။ ပြိုင်တူလုပ်ဆောင်နိုင်သော အလုပ်များသည် တစ်ခုပြီးတစ်ခု လုပ်ဆောင်နေရပြီး Gulp ၏လုပ်ဆောင်မှုကို နှေးကွေးစေမည်။ ဤအကြောင်းကို ဥပမာတစ်ခုဖြင့်လည်း စဉ်းစားကြည့်ကြပါစို့။

ပထမအလုပ်သည် CSS ဖိုင်များကို အနှစ်ချုပ်ပြီး၊ ဒုတိယအလုပ်သည် JavaScript ဖိုင်များကို အနှစ်ချုပ်သည်ဟု ဆိုကြပါစို့။ ဤဆက်စပ်မှုမရှိသော လုပ်ဆောင်ချက်နှစ်ခုကို တစ်ချိန်တည်း လုပ်ဆောင်နိုင်သည်မှာ ထင်ရှားပါသည်။

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

စီစဉ်ချက်အလိုက်သာ လုပ်ဆောင်သင့်သော အလုပ်နှစ်ခု၏ ဥပမာတစ်ခုကို စဉ်းစားပါ။

ပြိုင်တူသာ လုပ်ဆောင်သင့်သော အလုပ်နှစ်ခု၏ ဥပမာတစ်ခုကို စဉ်းစားပါ။