Introducere în Gulp 4

Gulp este un instrument pentru automatizarea sarcinilor care apar frecvent în dezvoltarea site-urilor web: minimizarea fișierelor CSS și JavaScript, unirea mai multor fișiere într-unul singur, transformarea LESS și SASS în CSS, transformarea limbajului TypeScript în JavaScript și alte sarcini similare.

Principiul său de funcționare este următorul: pentru sistemul Gulp se scriu sarcini, iar Gulp execută aceste sarcini în secvența specificată.

Să instalăm Gulp. Pentru aceasta, în linia de comandă trebuie să executați comanda:

npm install --global gulp-cli

Acum să creăm un proiect în care va fi utilizat Gulp. Pentru aceasta, în folderul proiectului vom crea următoarea structură de fișiere:

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

De asemenea, în folderul proiectului trebuie adăugat package.json, După aceasta, puteți instala Gulp în proiect. Pentru aceasta, în linia de comandă, fiind în folderul cu proiectul, este necesar să executați următoarea comandă:

npm install --save-dev gulp

Creați un proiect și instalați Gulp în el.