Gulp හි ලේඛන වෙනස්කම් නිරීක්ෂණය කිරීම
යම් පරිවර්තනයක් කිරීමට අවශ්ය වූ සෑම අවස්ථාවකම කොන්සෝලයේ විධානය කැඳවීම එතරම් සුවපහසු නොවේ - කේතය ලියන විට එය කිරීමට ඉතා බොහෝ විට සිදු වේ.
එමනිසා Gulp හි ගොනු වෙනස්කම් නිරීක්ෂණය සඳහා විශේෂ අභ්යන්තර ශ්රිතයක්
watch ඇතුළත් කර ඇත. නිරීක්ෂණයට ලක් කරන ලද ඕනෑම ගොනුවක් වෙනස් වූ විට ඊට
අනුරූප කාර්යය ස්වයංක්රීයව දියත් කරනු ලැබේ.
අපි LESS ව CSS බවට පරිවර්තනය කිරීමේ උදාහරණයක් බලමු. පළමුව අපි අවශ්ය සියල්ල ඇතුළත් කර ගනිමු:
let {src, dest, watch} = require('gulp');
let less = require('gulp-less');
දැන් අපි පරිවර්තන කාර්යය සකස් කරමු:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(dest('dist'));
}
දැන් අපි නිර්නාමික ශ්රිතයක් අපනයනය කරමු, එහි ඇතුළත අපගේ ගොනු වල වෙනස්කම් නිරීක්ෂණය කරමු, මෙම අවස්ථාවේදී අපගේ කාර්යය ආමන්ත්රණය කරමින්:
exports.default = function() {
watch('src/*.less', task);
};
විධාන රේඛාවේ දියත් කිරීමෙන් පසු "සදාකාලික" කාර්යයක් කැරකෙනු ඇත.
මෙයින් අදහස් කරන්නේ මෙම ටර්මිනලයේ වෙනත් විධාන ඇතුළු කළ නොහැකි බවයි.
එවැනි කාර්යයක් ක්රියාත්මක කිරීම නතර කළ හැක්කේ ටර්මිනලයේ
Ctrl + C සංයෝගය ඔබා ය.
විවිධ ගොනු කණ්ඩායම් නිරීක්ෂණය කළ හැකිය, ඒවාට විවිධ කාර්යයන් බැඳ තබා ගනිමින්:
exports.default = function() {
watch('src/*.less', task1);
watch('src/*.sass', task1);
};
එක් කණ්ඩායමක් සඳහා කාර්ය අනුපිළිවෙලක් ක්රියාත්මක කළ හැකිය:
exports.default = function() {
watch('src/*.less', series(task1, task2));
};
ඔබට JavaScript ගොනු කණ්ඩායමක් ඇතැයි සිතමු. මෙම ගොනු එක් ගොනුවකට ඒකාබද්ධ වන පරිදි සකසන්න, ඉන්පසු එම ගොනුවේ අවම කිරීම සිදු වේ. අපගේ ඕනෑම ගොනුවක් වෙනස් වූ විට කාර්යය ක්රියාත්මක වන පරිදි සකසන්න.
