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

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

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

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

npm install del --save-dev

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

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

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

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

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

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

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

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

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

exports.default = series(taskDel, taskCss);

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

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

exports.default = series(taskDel, taskCss);

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

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