egsi

Сам так делаю, gulp отвечает за:
1. Компиляция scss.
2. browserSync
3. Копирования изображений в ./dist ( (и их оптимизация в production mode)
4. png спрайт
5. svg спрайт
6. Копирования шрифтов/favicon и всяких audio/video файлов в ./dist
7. Компиляция nunjucks файлов (не всегда)
8. Watch всех этих прелестей с синхронизацией browserSync-а.
9. Запуск webpack-a который отвечает только за JS bundle

Все 8 пунктов можно сделать и с помощью webpack-а, но только через одно большое жирное место.
Пробовал, даже есть рабочий вариант но выглядит это очень ужасно.
Сам думал зачем использовать 2 иструмента если можно все сделать через 1, но нет, лучше 2 но каждый для своей задачи.

Вы не туда роете. Вы же хотите ребилдить только то, что реально изменилось, так?

Все этого хотят, и это называется "инкрементальная сботка" (incremental build). Есть простые рецепты, есть не очень. Для начала рекомендую посмотреть скринкаст Ильи Кантора: https://learn.javascript.ru/screencast/gulp