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:

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

terminalnpm install --save-dev gulp