Вовед во 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.