Gulp 4 သို့ မိတ်ဆက်

Gulp ဆိုသည်မှာ ဝဘ်ဆိုက်ဖွံ့ဖြိုးရေးတွင် မကြာခဏကြုံတွေ့ရသော အလုပ်များကို အလိုအလျောက်လုပ်ဆောင်ပေးသည့် ကိရိယာတစ်ခုဖြစ်သည်။ ၎င်းတို့တွင် CSS နှင့် JavaScript ဖိုင်များ ချုံ့ခြင်း၊ ဖိုင်များစွာကို တစ်ဖိုင်တည်းအဖြစ် ပေါင်းစည်းခြင်း၊ LESS နှင့် SASS များကို CSS သို့ ပြောင်းလဲခြင်း၊ TypeScript ဘာသာစကားကို JavaScript သို့ ပြောင်းလဲခြင်း စသည့် အလုပ်များ ပါဝင်သည်။

၎င်း၏ အလုပ်လုပ်ပုံမှာ အောက်ပါအတိုင်းဖြစ်သည်- Gulp စနစ်အတွက် အလုပ်တာဝန်များ (tasks) ကိုရေးသားပြီး၊ Gulp က ထိုအလုပ်တာဝန်များကို သတ်မှတ်ထားသော အစဉ်လိုက် လုပ်ဆောင်ပေးသည်။

ယခု Gulp ကို ထည့်သွင်းကြပါစို့။ ထိုသို့လုပ်ဆောင်ရန် command line တွင် အောက်ပါ command ကို ရိုက်ထည့်ရပါမည်-

npm install --global gulp-cli

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

/src/
- /js/
  - script1.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.html

ထို့အပြင် ပရောဂျက်ဖိုလ်ဒါထဲသို့ package.json ကို ထည့်သွင်းရပါမည်။ ထို့နောက် Gulp ကို ပရောဂျက်ထဲသို့ ထည့်သွင်းနိုင်ပါပြီ။ ထိုသို့လုပ်ဆောင်ရန် command line တွင်၊ ပရောဂျက်ဖိုလ်ဒါအတွင်း၌ ရှိနေစဉ် အောက်ပါ command ကို ရိုက်ထည့်ရပါမည်-

npm install --save-dev gulp

ပရောဂျက်တစ်ခုဖန်တီးပြီး ၎င်းထဲသို့ Gulp ကို ထည့်သွင်းပါ။