Структура Gulp-сборки, вопрос

Когда используешь Gulp:

надо в папке проекта сделать две папки(обычно app и dist). Папка app - типо предварительный код, а dist - итоговый
В папке app создаёшь html/scss/js/img папки и файлы. Потом создаёшь файл gulpfile.js в папке app - и в нём пишешь Таски.

И пишешь ты там таски, всякие плюхи(вроде компилляции scss в css, сжатия css файла, сжатия картинок..)

Но смысл в том, что из папки app все файлы должны сохраняться в папку dist??? Т.е файл. структура должна быть как на картинке?

Или возможна другая файловая структура?