За последние годы, процесс верстки сайтов очень сильно изменился, появилось огромное количество различных инструментов позволяющих не только автоматизировать работу, но и кардинально изменить сам подход к созданию сайтов. Думаю нет смысла описывать все достижения, произошедшие в этом направлении, в интернете можно найти огромное количество книг, видео-курсов и сайтов посвященных данной теме.

Уже несколько лет я в своей работе использую task runner – Gulp. Мне кажется это наилучший выбор, хотя это конечно дело вкуса :).

Каждый верстальщик немного по своему формирует конфигурацию Gulp в зависимости от набора инструментов, которыми он пользуется. Идеального или супер универсального варианта настройки наверное и нет. Представляю мои варианты настройки этого замечательного инструмента:

1. 1. Frontend Builder (HTML) – вариант для стандартной работы с js, css, html (SASS, JSHint и т. д. ), в нем есть так же сборщики svg и png спрайтов, данный  вариант можно назвать классическим :);
2. 2. Frontend Builder (PUG) – вариант похожий на предыдущий с одним отличием в нем используется шаблонизатор html файлов – Pug;
3. 3. Frontend Builder (WordPress) – вариант для создания тем для сайтов на WordPress, представляет из себя набор стандартных файлов-заготовок.