====== Gulp ======

Gulp – это менеджер задач и сборщик проектов.


===== Что умеет Gulp 4? =====

  * Самостоятельно конвертирует и подключает шрифты.
  * Обновляет браузер.
  * Собирает в один несколько HTML файлов.
  * Работает с CSS препроцессорами, например SCSS и оптимизирует их. 
  * Не только сжимает изображения но и конвертирует их в современный формат WEBP, а также самостоятельно подключает результат к HTML и CSS файлам. 
  * Собирает в один несколько JavaScript файлов, оптимизирует и сжимать их. 
  * Умеет создавать SVG спрайты и многое другое!


===== Установка и настройка Gulp 4? =====

Для корректной работы Gulp нужен:
  * NodeJs
  * NPM

После установки npm, nodejs запускаем установку самого gulp через npm глобально:

<code>
npm install --global gulp-cli
</code>

Инициализируем проект

<code>
npm init
</code>

Ставим gulp в проект

<code>
npm install --save-dev gulp
</code>

Проверяем установленную версию gulp

''gulp --version''

Если установка прошла успешно, то отобразит след.:

{{:docs-gulp-version-command.png?600|}}


Далее нужно создать файл gulpfile.js в корне вашего проекта и вписать туда:

<code>
function defaultTask(cb) {
  // place code for your default task here
  cb();
}

exports.default = defaultTask
</code>

Теперь можно проверить работу gulp запустив его

''gulp''

{{:docs-gulp-command.png?600|}}
===== Ссылки =====

Официальный сайт gulp [[https://gulpjs.com]]