Определяем структуру папок

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.

Автор и редакторы

Автор: Зелл Лью
Последнее изменение: 14.12.2019
Редакторы: Влад Мержевич