Úvod do Gulp 4

Gulp je nástroj pro automatizaci často se vyskytujících úkolů při vývoji webu: minimalizace souborů CSS a JavaScript, sloučení několika souborů do jednoho, převod LESS a SASS do CSS, převod jazyka TypeScript na JavaScript a podobných úkolů.

Princip jeho práce je následující: pro systém Gulp se píší úkoly a Gulp tyto úkoly vykonává v daném pořadí.

Nainstalujme Gulp. K tomu je třeba v příkazovém řádku spustit příkaz:

terminalnpm install --global gulp-cli

Nyní vytvoříme projekt, ve kterém bude použit Gulp. K tomu ve složce projektu vytvoříme následující souborovou strukturu:

• /src//js/script1.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.html

Také je třeba do složky projektu přidat package.json, Poté lze nainstalovat Gulp do projektu. K tomu je třeba v příkazovém řádku, když se nacházíte v složce s projektem, spustit následující příkaz:

terminalnpm install --save-dev gulp