Как полностью скопировать директорию в Gulp?

Question

[0x0000002F]

Как в Gulp в точности скопировать папку? То есть, кроме содержимого еще и ее дочерние папки, тоже с их содержимым и т.д. В моем случае, это img/
Структура:

/
|= node_modules/
|= src/
|  |= html/
|  |  |= index.html
|  |= img/   #=> отсюда
|  |  |= gallery/
|  |  |= cards/
|  |  |= favicon.ico
|  |  |= logo.png
|  |= sass/
|= dist/
|  |= img/   #<= сюда
|  |= css/
|  |= index.html
|= package.json
|= package-lock.json
|= gulpfile.js

Comments

[black1277]

наверное, так нужно попробовать

const {src, dest} = require('gulp');
function images() {
  return src('src/img/**/*.{jpg,png,svg,gif,ico}')
    .pipe(dest('dist/img/'))
}

[0x0000002F]

black1277, так копируются именно файлы. Не важно, на какой глубине они находятся - они все попадут в корень папки img. А иерархию мне надо сохранять

[black1277]

0x0000002F, тогда плагин https://www.npmjs.com/package/gulp-copy

[0x0000002F]

black1277, не совсем понял, как указать входной и выходной путь при использовании этого плагина. Выдает ошибку

Answer 1

[black1277]

Вот рабочий gulpfile.js под вашу структуру проекта:

"use strict";

const {src, dest} = require("gulp");
const gulp = require("gulp");
const gulpCopy = require('gulp-copy');
const outputPath = "dist/";

var path = {
  build: {
    html: "dist/",
    images: "dist/"
  },
  src: {
    html: "src/*.html",
    images: ['src/img/**/*.*']
  }
}

function images() {
  return src(path.src.images)
    .pipe(gulpCopy(outputPath, {prefix: 1}))
    .pipe(dest(path.build.images));
}

const build = gulp.series(images);

exports.images = images;
exports.default = build;

проверял у себя - копирует с сохранением структуры папок

Comments

[0x0000002F]

А зачем нужен первый аргумент для gulpCopy, если мы все равно потом делаем dest?

[black1277]

Честно говоря, не знаю - посмотрел как в документации у них. Там вообще, не интуиитивно всё - пришлось поэкспериментировать.