Gulp တွင် သိမ်းဆည်းခြင်းမပြုမီ ဖိုဒါကို ရှင်းလင်းခြင်း

ဖိုင်များကို ဖိုဒါထဲသို့ သိမ်းဆည်းသည့်အခါ Gulp သည် ယခင်ဖိုင်များကို ဖျက်မပစ်ဘဲ ထားရစ်သည်ကို သင်သတိပြုမိပြီးဖြစ်မည်။

ထိုသို့ဖြစ်စေရန် del အထူး plugin တစ်ခုကို ထည့်သွင်းရန် လိုအပ်ပါသည်။

အောက်ပါ command ကို ဖြည့်ဆည်း၍ ၎င်းကို ထည့်သွင်းပါ။

terminalnpm install del --save-dev

ဤ plugin သည် ယခင်က ကျွန်ုပ်တို့အသုံးပြုခဲ့သည်များနှင့် မတူဘဲ ၎င်းကို pipe method များ၏ ကွင်းဆက်အပြင်ဘက်တွင် အသုံးပြုထားသည်။ ထို့ကြောင့် ဤအခြေအနေတွင် တာဝန်အုပ်စုတစ်ခုကို ဖန်တီးရမည်။ ပထမတာဝန်သည် ဖိုဒါကို ရှင်းလင်းရန် ဖြစ်ပြီး ဒုတိယတာဝန်သည် အသုံးဝင်သော အလုပ်ကို လုပ်ဆောင်ပေးမည်။

ဥပမာအနေဖြင့် အသုံးဝင်သောအလုပ်အတွက် CSS အနည်းဆုံးဖြစ်အောင် ချုံ့ခြင်းကို ရွေးချယ်ကြပါစို့။

လိုအပ်သမျှအားလုံးကို ချိတ်ဆက်ကြပါစို့။

javascriptlet {src, dest, series} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let del = require('del');

dist ဖိုဒါကို ရှင်းလင်းရန် တာဝန်တစ်ခု ဖန်တီးကြပါစို့။

javascriptfunction taskDel(cb) {
  return del('dist/*');
}

CSS အနည်းဆုံးဖြစ်အောင် ချုံ့ခြင်းအတွက် တာဝန်တစ်ခု ဖန်တီးကြပါစို့။

javascriptfunction taskCss(cb) {
  return src('src/*.css')
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}

တာဝန်စီးရီးကို လုပ်ဆောင်ကြပါစို့။

javascriptexports.default = series(taskDel, taskCss);

အားလုံးကို စုစည်း၍ အောက်ပါကုဒ်ကို ရယူပါ။

javascriptfunction taskDel(cb) {
  return del('dist/*');
}
function taskCss(cb) {
  return src('src/*.css')
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}

exports.default = series(taskDel, taskCss);