Сборка проекта

Организация сборки проекта или build. Создадим в корне проекта папку dist, в которую будем собирать наш проект. Все, что нам нужно сделатьи перед сборкой, собрать стили, скрипты, сжать изображения.

Добавим новую функцию buildcopy():

gulpfile.js// определяем логику удаления файлов
function buildcopy() {
// выбираем нужные файлы
return src([ 
    'app/css/**/*.min.css',
    'app/js/**/*.min.js',
    'app/images/dest/**/*',
    'app/**/*.html',
    // параметр "base" сохраняет структуру проекта при копировании
    ], { base: 'app' }) 
// выгружаем в папку с финальной сборкой    
.pipe(dest('dist')) 
}

Обратите внимание, что мы выбираем здесь только минифицированные и готовые к продакшену файлы. Файлы нужно выбирать, исходя из задач и особенностей каждого отдельного проекта, это лишь простой и наглядный пример.

Данную функцию экспортировать не обязательно, она будет являться частью таска build и автономно использоваться не будет. Создадим таск build и выполним нужные функции последовательно друг за другом с помощью series():

gulpfile.js// cоздаем новый таск "build", который последовательно выполняет нужные операции
exports.build = series(дополнительный_таск, дополнительный_таск, buildcopy);

Соберем наш проект, выполнив в терминале:

gulp build