Визначаємо структуру папки в Gulp

Gulp досить гнучкий, щоб працювати з будь-якою структурою папок. Вам просто потрібно зрозуміти внутрішню логіку, перш ніж налаштувати структуру папок для свого проекту. |-css/|-fonts/|-images/|-index.html |-js/|-scss/|-dist/|-gulpfile.js |-node_modules/|-package.json

Ми будемо використовувати папку app для цілей розробки, тоді як папка dist (від слова distribution) використовується для зберігання оптимізованих файлів робочого сайту. Оскільки app використовується для цілей розробки, весь наш код розміщується в цій папці.

Ми повинні пам'ятати про цю структуру папок при роботі з нашими конфігураціями Gulp.

Тепер перейдемо до створення вашої першої Gulp-задачі в gulpfile.js — у цьому файлі зберігаються всі конфігурації Gulp.