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

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

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

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

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

{{ message }}

{{ 'Comments are closed.' | trans }}