Въведение в Gulp 4

Gulp е инструмент за автоматизиране на често възникващи при разработката на сайт задачи: минимизиране на CSS и JavaScript файлове, сливане на няколко файла в един, преобразуване на LESS и SASS в CSS, преобразуване на езика TypeScript в JavaScript и други подобни задачи.

Принципът на неговата работа е следният: за системата Gulp се пишат задания, а Gulp изпълнява тези задания в зададена последователност.

Нека инсталираме Gulp. За това в командния ред трябва да изпълните командата:

terminalnpm install --global gulp-cli

Сега ще създадем проект, в който ще се използва Gulp. За това в папката на проекта ще създадем следната файлова структура:

• /src//js/script1.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.html

Също така в папката на проекта трябва да се добави package.json, След това може да се инсталира Gulp в проекта. За това в командния ред, намирайки се в папката с проекта, е необходимо да се изпълни следната команда:

terminalnpm install --save-dev gulp