Глотка копировать и придавить файлы & папку

Question

В моем приложении я имею следующую структуру файлов/папок:

/components 
    /assets 
    /navbar 
     /assets 
      /stylehseets 
      /scripts 
    /sidebar 
     /assets 
      /stylesheets 
      /scripts 
    /editor 
     /assets 
      /stylehseets 
      /scripts 
      /icons 

Я тогда задача глотка, чтобы сгладить эти компоненты в набор артефактов.

var tools = { 
    copy: function (src, dest) { 
     return gulp 
      .src(src) 
      .pipe(gulp.dest(dest)); 
    } 
}; 

gulp.task("create-artifacts", function() { 
    tools.copy("./components/navbar/assets/**/*", "./artifacts"); 
    tools.copy("./components/sidebar/assets/**/*", "./artifacts"); 
    tools.copy("./components/editor/assets/**/*", "./artifacts"); 
}); 

Это приводит к следующей структуре файла/папки:

/artifacts 
    /stylehseets 
    /scripts 
    /icons 

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

Скажем, например, теперь я хочу, чтобы добавить

/components 
    /messagebox 
     /assets 
      /stylehseets 
    /listbox 
     /assets 
      /stylesheets 
      /scripts 

Теперь мне нужно идти в мой Глоток задачу и добавить места копирования для messagebox и listbox.

gulp.task("create-artifacts", function() { 
    tools.copy("./components/navbar/assets/**/*", "./artifacts"); 
    tools.copy("./components/sidebar/assets/**/*", "./artifacts"); 
    tools.copy("./components/editor/assets/**/*", "./artifacts"); 

    // having to add these new components in... 
    tools.copy("./components/messagebox/assets/**/*", "./artifacts"); 
    tools.copy("./components/listbox/assets/**/*", "./artifacts"); 
}); 

То, что я действительно хочу что-то вроде этого ...

gulp.task("create-artifacts", function() { 
    return tools.copy("./components/*/assets/**/*", "./artifacts"); 
}); 

Но это не имеет желаемого результата уплощение иерархии. Что я делаю?

Answer 1

Решение должно было использовать gulp-flatten.

var flatten = require("gulp-flatten"); 

gulp.task("create-artifacts", function() { 
    return gulp 
     .src("./components/*/assets/**/*") 
     .pipe(flatten({ includeParents: -1 })) 
     .pipe(gulp.dest("./artifacts")); 
});