Gulp достаточно гибок, чтобы работать с любой структурой папок. Вам просто нужно понять внутреннюю логику, прежде чем настроить структуру папок для своего проекта.
В этом руководстве мы будем использовать следующую структуру типового веб-приложения:
|- app/
|- css/
|- fonts/
|- images/
|- index.html
|- js/
|- scss/
|- dist/
|- gulpfile.js
|- node_modules/
|- package.json
Мы будем использовать папку app для целей разработки, в то время как папка dist (от слова distribution) используется для хранения оптимизированных файлов рабочего сайта. Поскольку app используется для целей разработки, то весь наш код размещается в этой папке.
Мы должны помнить об этой структуре папок при работе с нашими конфигурациями Gulp.
Теперь перейдём к созданию вашей первой Gulp-задачи в gulpfile.js — в этом файле хранятся все конфигурации Gulp.