Gulp

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

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

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

• NodeJs
• NPM

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

npm install --global gulp-cli

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

npm init

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

npm install --save-dev gulp

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

gulp –version

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

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

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

exports.default = defaultTask

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

gulp

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