Gulp 4 හැඳින්වීම

Gulp යනු වෙබ් අඩවියක් සංවර්ධනය කිරීමේදී නිතර ඇතිවන කාර්යයන් ස්වයංක්‍රියව කිරීමේ මෙවලමකි: CSS සහ JavaScript ගොනු අවම කිරීම, ගොනු කිහිපයක් එක් එකතුවකට ඒකාබද්ධ කිරීම, LESS සහ SASS CSS බවට පරිවර්තනය කිරීම, TypeScript භාෂාව JavaScript බවට පරිවර්තනය කිරීම සහ ඒ හා සමාන කාර්යයන්.

එහි ක්‍රියාකාරිත්වයේ මූලධර්මය පහත පරිදි වේ: පද්ධතිය සඳහා Gulp කාර්යයන් ලියනු ලැබේ, සහ Gulp ඒවා ක්‍රියාත්මක කරයි කාර්යයන් ලබා දී ඇති අනුපිළිවෙලට.

අපි Gulp ස්ථාපනය කරමු. මේ සඳහා අණ රේඛාවෙන් පහත දැක්වෙන අණය ක්‍රියාත්මක කළ යුතුය:

npm install --global gulp-cli

දැන් අපි Gulp භාවිතා කරන ව්‍යාපෘතියක් සාදමු. මේ සඳහා ව්‍යාපෘති ෆෝල්ඩරය තුළ සාදමු පහත ගොනු ව්‍යුහය:

/src/
- /js/
  - script1.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.html

ව්‍යාපෘති ෆෝල්ඩරයට package.json එකතු කළ යුතුය, ඊට පසුව Gulp ව්‍යාපෘතියට ස්ථාපනය කළ හැක. මේ සඳහා අණ රේඛාවෙන්, ව්‍යාපෘති ෆෝල්ඩරය තුළ සිට, පහත දැක්වෙන අණය ක්‍රියාත්මක කළ යුතුය:

npm install --save-dev gulp

ව්‍යාපෘතියක් සාදා එහි Gulp ස්ථාපනය කරන්න.