使用具有多个子目录的Gulp image或Gulp-imagemin

Question

我正在使用吞咽图像插件自动取款机(也尝试了吞咽成像)。

我的gulpfile.js标记：

// Include gulp
const gulp = require('gulp')

// Include gulp plugins
const images = require('gulp-image')

// Image optimalization
gulp.task('images', () => {
  gulp.src('uploads/**/*')
  .pipe(images())
  .pipe(gulp.dest('./Compressed-images/'));
})

gulp.task('default', ['images'])

现在问题就出在这里：

gulp.src('uploads/**/*')

它只从目录中的子目录获取所有图像：

uploads/

有没有任何方法可以访问图像的多个级别的目录，而不必键入它们全部？

例如：

添加目录中的图像：

uploads/sub-dir-1/sub-dir-3/sub-dir-3/

而不用打这样的东西？

uploads/sub-dir-1/sub-dir-2/sub-dir-3/*.jpg
uploads/**/**/**/*.jpg

我读了下面的文章

• 根据其他目录重命名所有图像
• 如何忽略目录结构？
• 在Gulp中复制目录结构

但在那里找不到答案。

Answer 1

你现在所做的应该是有效的。我做了几个测试，这对我来说很好，我增加了3个等级，它起了作用。这是输出

[23:08:34] ✔ test.png -> before=69.25 KB after=20.1 KB reduced=49.15 KB(71%)
[23:08:34] ✔ sub1/sub2/ub3/test.png -> before=69.25 KB after=20.1 KB reduced=49.15 KB(71%)
[23:08:34] ✔ sub1/sub2/test.png -> before=69.25 KB after=20.1 KB reduced=49.15 KB(71%)
[23:08:34] ✔ sub1/test.png -> before=69.25 KB after=20.1 KB reduced=49.15 KB(71%)

您还可以尝试使用吞吐查看您正在抓取的文件。

我更倾向于认为，当图像压缩时，有些东西在默默地失败，也许图像是腐败的。