Раскатать шарик вниз в один каталог

Question

В Глоток, я использую gulp.src, чтобы выбрать все файлы шрифтов из каталога:

gulp.task('copy-fonts', function() { 
    gulp.src('components/**/*.{ttf,woff,eof,svg}') 
    .pipe(gulp.dest('build/fonts')); 
}); 

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

Глядя в Gulp, Gulp Utils и npm-glob API, мне действительно не помогли, хотя я мог легко пропустить это.

Что было бы самым лучшим способом сделать это?

Answer 1

Я хотел бы использовать глотка-выравниваться:

var flatten = require('gulp-flatten'); 
gulp.task('copy-fonts', function() { 
    gulp.src('dependencies/**/*.{ttf,woff,eof,svg}') 
    .pipe(flatten()) 
.pipe(gulp.dest('build/fonts')); 
}); 

о том, как это делается внутри, проверьте: https://github.com/armed/gulp-flatten/blob/master/index.js

Answer 2

Другой вариант заключается в использовании библиотеки Глоб, чтобы unglob ваши пути, а затем передать путь к файлу gulp.src. Когда gulp src получает непривязанные пути к файлам, относительный каталог не поддерживается и просто копирует файл в корень указанного вами файла. Также может быть полезно сначала разгладить ваши пути, если вам нужно выполнить какую-либо пользовательскую фильтрацию или добавление до установки src.

glob = require('glob'); 
gulp.task('copy-fonts', function() { 
    files = glob.sync('dependencies/**/*.{ttf,woff,eof,svg}'); 

    gulp.src(files) 
    .pipe(gulp.dest('build/fonts')); 
}); 

Answer 3

Другим вариантом является просто переписать путь к файлу внутри gulp.dest:

var path = require('path'); 
gulp.task('copy-fonts', function() { 
    return gulp.src('components/**/*.{ttf,woff,eof,svg}') 
     .pipe(gulp.dest(function(file) { 
      file.path = file.base + path.basename(file.path); 
      return 'build/fonts'; 
     })); 
}); 

Вы также можете использовать эту технику с gulp-changed:

var path = require('path'); 
var changed = require('gulp-changed'); 

gulp.task('copy-fonts', function() { 
    var dest = 'build/fonts'; 
    return gulp.src('components/**/*.{ttf,woff,eof,svg}') 
    .pipe(changed(function(file) { 
     file.path = file.base + path.basename(file.path); 
     return dest; 
    })) 
    .pipe(gulp.dest(dest)); 
});