Простой Gulp конфиг для разработки и сборки верстки

В данной статье я приведу пример конфига сборщика Gulp для простой и удобной работы с версткой.

Сборщик делает следующие вещи:

• Собирает из svg спрайт
• Собирает из scss файлов css, обрабатывая их автопрефиксером, склеивает и минифицирует их
• С помощью posthtml-include подключает кастомные вещи в html
• С помощью jpegtran и optipng оптимизирует изображения
• Создает webp картинки
• Для режима разработки делает hot reload используя browser-sync

Конфиг и package.json с необходимыми зависимостями тут.