Сегодня хотел бы поделиться своими наработками из области удобной и быстрой сборки проектов с помощью Gulp.js. Наверно это один из простейших инструментов.

Начнем с установки Gulp


Для начала вам нужно установить Node.JS который включает в себя npm. После установки запускаем консоль и проверяем версию ноды node -v и   npm -v  если все хорошо переходим к следующему пункту.

Далее создаем папочку для нашего будущего проекта и открываем ее в консоли (shift + правая кнопка мыши по папке) или переходим в нужную нам дерикторию с помощю команды cd в консоли. 

В консоли  инициализируем проект с помощью команды

npm init

 и заполняем поля имени проекта, описания, версии и т.д. 

После чего в папке нашего проекта плявится файлик package.json 

Теперь наконец то устанавливаем сам Gulp через npm командой npm i gulp --save-dev

теперь наш проект начинает набирать вес но всякому проекту нужнас труктура у кажого она конечно своя но есть общепринятые основы построения структуры проекта приблизительно она выглядит так:

 

теперь все что нам осталось ето создать файлик gulpfile.js в который мы и будем устанавливать все наши плагины которые и будут творить магию которая ускоряет разработку проекта в разы вот кстати несколько статей по наиболее популярным плагинам ссылочка 1 ссылочка 2 . Для каждого из плагинов в их репозиториях GitHub есть подробная инструкцыя по установке каждого из них. 

Все задачи в Gulp пишутся тасками вот простейший таск:

Хоть и есть  и тяжеловесы в этой области но Gulp подкупает своей простотой в освоении