Зачем нужен Gulp/Webpack?
Это Taskrunners (запускатели задач), предназначение которых - с помощью JavaScript-библиотек автоматизировать большое количество различных процессов, которые производятся с ресурсами проекта при разработке и отправке в продакшн.
Например, 
– Компиляция файлов препроцессоров в CSS
– Объединение большого количества файлов стилей в один
– CSS, JS, HTML, SVG -минификация
– Сжатие изображений
– Создание спрайтов из отдельный SVG-файлов
– Оптимизация и в какой-то степени "валидация" HTML (например, проставить атрибут alt у всех img
– и много другого
Вот здесь и здесь достаточно подробно расписано.
Но если совсем в двух словах:
Gulp - для верстки
Webpack - для js-приложений.
Попробуйте оба в деле. Тогда вопросы отпадут.