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

npm 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.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.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:

npm install --save-dev gulp

Vytvořte projekt a nainstalujte do něj Gulp.