Gulp හි මෙහෙයුම් ප්‍රවාහය

දැන් අපි ගොනු කිහිපයක් මත මෙහෙයුම් කිහිපයක් කරන්නේ කෙසේදැයි ඉගෙන ගනිමු. උදාහරණයක් ලෙස, පළමුව LESS ය CSS බවට පරිවර්තනය කරමු, ඉන්පසු ප්‍රතිඵලය වන CSS හකුළුවමු.

ආරම්භ කිරීම සඳහා, අවශ්‍ය සියල්ල ආයාත කරමු:

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 ප්ලගිනය භාවිතයෙන් ගුණාංග වලට පෙර උපසර්ග එකතු කරන්න, ඉන්පසු gulp-csso ප්ලගිනය භාවිතයෙන් ප්‍රතිඵලය වන CSS හකුළුවන්න.