Увод у Gulp 4

Gulp је алат за аутоматизацију задатака који се често јављају при развоју веб сајта: минимизацију CSS и JavaScript фајлова, спајање више фајлова у један, конверзију LESS и SASS у CSS, конверзију TypeScript језика у JavaScript и сличних задатака.

Његов принцип рада је следећи: за систем Gulp се пишу задаци, а Gulp извршава те задатке у задатом редоследу.

Инсталирајмо Gulp. За то у командном реду треба извршити команду:

npm install --global gulp-cli

Сада креирајмо пројекат у коме ће се користити Gulp. За то у фасцикли пројекта креирајмо следећу фајл структуру:

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

Такође у фасциклу пројекта треба додати package.json, Након тога можемо инсталирати Gulp у пројекат. За то у командном реду, налазећи се у фасцикли са пројектом, неопходно је извршити следећу команду:

npm install --save-dev gulp

Креирајте пројекат и инсталирајте у њега Gulp.