Question

我正在尝试收集唯一的图片并放入dest文件夹。我的图片都是bower_components传播的 - 所以，我创建了no.of文件夹。如何防止这种情况？

这是我的代码：

gulp.task('copy-images', function() {
    return gulp.src('./WebContent/bower_components/**/*.{gif,jpg,png,svg}')
    .pipe(gulp.dest('./dist/css/images')); //creates no.of folders.
});

我正在获取所有图像，但所有图像都嵌套在它的父文件夹中，就像原始文件夹一样。

Answer 1

使用gulp-flatten

e.g。

gulp.src('bower_components/**/*.min.js')
  .pipe(flatten())
  .pipe(gulp.dest('build/js'));

它将复制单个目录中的所有文件而不创建子目录

Answer 2

试试这个

gulp.task('copy-images', function () {
   return gulp.src(["./WebContent/bower_components/**/*.*"])
        .pipe(flatten())      
       .pipe(gulp.dest("./dist/css/images"));
});

它会帮助你

Gulp - 如何在没有“dir”的情况下收集图像并放在一个文件夹中？

2 个答案: