Hyrje në Gulp 4

Gulp është një mjet për automatizimin e detyrave që shpesh lindin gjatë zhvillimit të një faqeje interneti: minimizimi i skedarëve CSS dhe JavaScript, bashkimi i disa skedarëve në një, transformimi i LESS dhe SASS në CSS, transformimi i gjuhës TypeScript në JavaScript dhe detyra të ngjashme të tjera.

Parimi i punës së tij është si vijon: për sistemin Gulp shkruhen detyra, dhe Gulp i kryen këto detyra në sekuencën e caktuar.

Le ta instalojmë Gulp. Për këtë, në rreshtin e komandave duhet të ekzekutoni komandën:

npm install --global gulp-cli

Tani le të krijojmë një projekt ku do të përdoret Gulp. Për këtë, në dosjen e projektit le të krijojmë strukturën e mëposhtme të skedarëve:

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

Gjithashtu, në dosjen e projektit duhet shtuar package.json, Pas kësaj, Gulp mund të instalohet në projekt. Për këtë, në rreshtin e komandave, duke qenë në dosjen me projektin, është e nevojshme të ekzekutohet komanda e mëposhtme:

npm install --save-dev gulp

Krijoni një projekt dhe instaloni Gulp në të.