Прежде чем приступать к рассмотрению задач Gulp, который будут применимы на практике, нам нужно еще немного определиться с некоторыми базовыми терминами, с которыми важно разобраться.

Для начала, мы научимся просто копировать файлы с помощью программного кода, в задачи.

Давайте попробуем создать задание, которое бы скопировало файл style.css в папку build. Решение этой задачи поможет разобраться в базовых понятиях Gulp.

Мы знаем, что Gulp, после завершения задания, его нужно уведомить, что он это задание выполнил. Есть много способов, как это можно сделать. Например, функция done(). Но, есть и другой способ.

Gulp работает с понятием источник (source) и понятием build. Чтобы завершить какую-то задачу, мы должны сообщить gulp, что у него на входе и куда размещать то, что получилось на выходе.

Чтобы это сообщить, мы можем воспользоваться командой gulp.src('./src/style.scss')

./src/style.scss - это путь до файла, с которым мы планируем взаимодействовать.

Теперь мы должны сообщить, что у нас будет являться точкой выхода.

pipe(gulp.dest('./build/css'))

pipe - это базовая операция Gulp. Каждая операция над файлом, мы можем делать над одним файлом более одного действия, например, минифицировать, объединять файлы и.т.д. Каждая такая отдельная операция - это pipe.

Когда с файлом не происходит никаких операций, gulp просто скопирует файл

См. видео, чтобы посмотреть подробнее про эти команды.

Мы создадим пробное задание для Gulp. Попробуйте с этим поэксперементировать. Это основы работы.