Ú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:

terminalnpm 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.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.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:

terminalnpm install --save-dev gulp