Въведение в 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.