1

我的目录结构类似于：

app/
  directory1/
    assets/
      images/
      js/
  directory2/
    assets/
      images/
dist/
  assets/
    images/
    js/

我尝试使用 Gulp 实现的是从目录 1、2...“收集”资产并将它们放入 dist/assets/ 所以我写了这个：

gulp.task('gather-assets', function() {
  gulp.src('app/*/assets/**').pipe(gulp.dest('dist/assets/'));
});

问题是，在运行这个函数之后，它会创建一个像这样的路径：

dist/assets/directory1/assets/images

按照这个问题的建议，我尝试使用 gulp-rename，但我的情况不同，如果我像这样使用 gulp-rename：

gulp.task('gather-assets', function() {
  gulp.src('app/*/assets/**').pipe(rename({dirname: ''})).pipe(gulp.dest('dist/assets/'));
});

它肯定会在 * 星号位置删除不必要的路径，但它也会删除 ** 路径。因此，images/ 和 js/ 中的文件将被复制到 assets/ 中而没有子目录。对于这种情况，我可以使用什么解决方案？

4

1 回答 1

3

Gulp-flatten将为您工作。

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

gulp.task('gather-assets', function() {

  return  gulp.src('app/*/assets/**')
    //  .pipe(rename({ dirname: '' }))

    // -2 will keep the last two parents : assets/images or assets/js
   .pipe(flatten({ includeParents: -2 }))

   .pipe(gulp.dest('dist'));
});

如果你想使用 gulp-rename：[gulp-flatten 和 gulp-rename 都只是对每个文件的目录结构进行字符串操作]

 //   .pipe(flatten({ includeParents: -2 }))

 .pipe(rename(function (file) {

    let tempArray = file.dirname.split(path.sep);

    // remove the first array item : directory1 or directory2
    // rejoin the remaining array items into a directory string

    let temp = tempArray.slice(1).join(path.sep);

    file.dirname = temp;
  }))
于 2017-11-04T03:54:17.863 回答