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

Question

我正在尝试收集唯一的图像并放入dest文件夹。 我的图像都分布在bower_components - 所以，我得到没有创建的文件夹。 如何防止这种情况？

这是我的代码：

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

例如

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"));
});

它会帮助你