平坦化は、私は、ディレクトリからすべてのフォントファイルを選択する<code>gulp.src</code>を使用しています、ガルプの中でひとつのディレクトリに

Question

をダウングロブ：

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

しかし、私はこれらのフォントファイルは、1つのディレクトリ側に巻くのすべてを持っていると思いますがツリー全体を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がグロブされていないファイルパスを受け取ると、相対ディレクトリは保持されず、指定した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)); 
});