javascript - 缩小所有图像 - Grunt

Question

我的 images/ 文件夹中有 100 多张图片。

这是我的 imagemin - Grunt 配置

// The following *-min tasks produce minified files in the dist folder
imagemin: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= config.app %>/images',
      src: '{,*/*/}*.{gif,jpeg,jpg,png,ico}',
      dest: '<%= config.dist %>/images'
    }]
  }
}

---

当我运行 grunt build 时，我看到了这个

Running "imagemin:dist" (imagemin) task
Minified 7 images (saved 492.79 kB)

只有 7 张图像被缩小了。不是全部。我试过在差异组合中更改 *，但到目前为止 - 运气不好。

---

src: '{,*/*/}*.{gif,jpeg,jpg,png,ico}'

如何修复我的 src 以缩小图像文件夹中的所有内容？

Answer 1

我认为问题可能出在 src globbing pattern .您使用的模式仅与 cwd 根目录或两层深度目录 ({,*/*/}) 中的图像匹配。

如果你希望 cwd 目录中的所有图像都被缩小，而不管它们所在的子目录级别，你应该使用 **/* 通配符模式:

imagemin: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= config.app %>/images',
      src: '**/*.{gif,jpeg,jpg,png,ico}',
      dest: '<%= config.dist %>/images'
    }]
  }
}