Gulp හි සුරැකීමට පෙර ෆෝල්ඩරය පිරිසිදු කිරීම

Gulp, ෆෝල්ඩරයකට ගොනු සුරැකීමේදී, එයින් පෙර ගොනු මකා දැම්මේ නැති බව ඔබ දැනටමත් දැක ඇති.

එය සිදු වීමට, විශේෂ ප්ලගිනයක් del ස්ථාපනය කිරීම අවශ්‍ය වේ.

පහත සංඥාව ක්‍රියාත්මක කරමින් එය ස්ථාපනය කරමු:

npm install del --save-dev

මෙම ප්ලගිනය, කලින් භාවිතා කළ ඒවාට වඩා වෙනස් වන්නේ එය pipe ක්‍රම ශ්‍රේණියෙන් පිටත භාවිතා වීමයි. එබැවින් මෙම අවස්ථාවේදී අපි කාර්ය සමූහයක් නිර්මාණය කළ යුතුය: පළමු කාර්යය ෆෝල්ඩරය පිරිසිදු කිරීම වනු ඇත, දෙවැන්න ප්‍රයෝජනවත් කාර්යයන් සිදු කරනු ඇත.

උදාහරණයක් ලෙස, ප්‍රයෝජනවත් කාර්යයක් ලෙස 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 අවම කිරීමේ කාර්යය. කුමන කාර්යයන් අනුක්‍රමිකව සිදු කළ යුතුද සහ කුමන කාර්යයන් සමාන්තරව සිදු කළ යුතුද යන්න තීරණය කරන්න.