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

Question

我正在使用Gulp-image 插件atm（也尝试过 gulp-imagemin）。

我的 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 根据其他目录重命名所有图像
• gulp-imagemin - 如何忽略目录结构？
• 在 Gulp dest 中复制目录结构

但在那里找不到答案。

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%)

您还可以尝试使用gulp-debug查看您正在抓取的文件。

我更倾向于认为压缩图像时某些东西会默默地失败，也许图像已损坏。