Úvod do Gulp 4

Gulp je nástroj na automatizáciu úloh, ktoré sa často vyskytujú pri vývoji webstránok: minimalizácia CSS a JavaScript súborov, zlúčenie viacerých súborov do jedného, transformácia LESS a SASS na CSS, transformácia jazyka TypeScript na JavaScript a podobných úloh.

Princíp jeho práce je nasledovný: pre systém Gulp sa píšu úlohy a Gulp vykonáva tieto úlohy v zadanej postupnosti.

Nainštalujme Gulp. Na to v príkazovom riadku je potrebné vykonať príkaz:

npm install --global gulp-cli

Teraz vytvoríme projekt, v ktorom bude použitý Gulp. Na to v priečinku projektu vytvoríme nasledujúcu súborovú štruktúru:

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

Tiež do priečinka projektu je potrebné pridať package.json, Potom je možné nainštalovať Gulp do projektu. Na to v príkazovom riadku, nachádzajúc sa v priečinku s projektom, je potrebné vykonať nasledujúci príkaz:

npm install --save-dev gulp

Vytvorte projekt a nainštalujte do neho Gulp.