咕嘟咕嘟：複製多個文件夾中文件合併成一個

Question

我有一口任務：

var src = ["Scripts/App/Components/**/*.png"]; 

gulp.task("images", function() { 
    return gulp.src(src) 
     .pipe(gulp.dest("build/")); 
}); 

此代碼生成一個樹狀結構：

/build 
    /Component1 
     c1-1.png 
    /Component2 
     c2-1.png 
     c2-2.png 

但如果我要合併目錄什麼使所有圖像在/build目錄中：

/build 
    c1-1.png 
    c2-1.png 
    c2-2.png 

如何使用gulp實現此目的？

Answer 1

使用gulp-rename擺脫目錄名的：

var gulp = require('gulp'); 
var rename = require('gulp-rename'); 

var src = ["Scripts/App/Components/**/*.png"]; 

gulp.task("images", function() { 
    return gulp.src(src) 
    .pipe(rename({dirname:''})) 
    .pipe(gulp.dest("build/")); 
});