Uvod u Gulp 4

Gulp je alat za automatizaciju zadataka koji se često pojavljuju tokom razvoja veb sajta: minimizacija CSS i JavaScript fajlova, spajanje više fajlova u jedan, konvertovanje LESS i SASS-a u CSS, konvertovanje TypeScript jezika u JavaScript i sličnih zadataka.

Princip njegovog rada je sledeći: za Gulp sistem se pišu zadaci, a Gulp izvršava te zadatke u određenom redosledu.

Hajde da instalirajmo Gulp. Za to u komandnoj liniji treba da izvršimo komandu:

npm install --global gulp-cli

Sada kreirajmo projekat u kome će se koristiti Gulp. Za to u fascikli projekta kreirajmo sledeću strukturu fajlova:

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

Takođe, u fasciklu projekta treba dodati package.json. Nakon toga možemo instalirati Gulp u projekat. Za to u komandnoj liniji, nalazeći se u fascikli sa projektom, neophodno je izvršiti sledeću komandu:

npm install --save-dev gulp

Kreirajte projekat i instalirajte u njega Gulp.