拼合glob的下一个目录

Question

在咕嘟咕嘟，我使用gulp.src选择从目录中的所有字体文件：

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

不过，我想有这些字体文件在一个目录下侧风而不是从components目录重新创建整个树。

寻找在咕嘟咕嘟，咕嘟咕嘟utils的，和NPM-水珠的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接收到非文件路径的文件路径时，相对目录不会被维护，只是将文件复制到您指定的dest目录的根目录。如果您需要在设置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)); 
});