Gulp တွင် လုပ်ဆောင်ချက်များ အစီအစဥ်

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

စတင်ရန် လိုအပ်သမျှကို import လုပ်ကြပါစို့။

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

ယခု ဖော်ပြထားသော လုပ်ဆောင်ချက်များကို လုပ်ဆောင်ကြမည်။

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

gulp-stylus ပလပ်အင်ကို အသုံးပြု၍ Stylus ဖိုင်များကို CSS သို့ ပြောင်းလဲပါ၊ ထို့နောက် gulp-autoprefixer ပလပ်အင်ကို အသုံးပြု၍ ဂုဏ်သတ္တိများထံ prefix များ ထည့်သွင်းပါ၊ ထို့နောက် gulp-csso ပလပ်အင်ကို အသုံးပြု၍ ရရှိလာသော CSS ကို အနည်းဆုံးဖြစ်အောင် လုပ်ဆောင်ပါ။