使用 Gulp 在同一目录中的多个文件扩展名

Posted 2023-02-16

【中文标题】使用 Gulp 在同一目录中的多个文件扩展名

【英文标题】：Multiple file extensions within the same directory using Gulp

【发布时间】：2015-05-06 17:46:40

【问题描述】：

所以我有一个 gulpfile.js 设置。

在图像文件夹中，我有一些图像，一些是 png，一些是 jpg，还有一些是 gif。

我想定位 images 文件夹中的所有 png、jpg 和 gif。

我可以使用 **/* 来定位文件夹中的所有内容，但我不想这样做，我希望它特定于文件类型。

我也可以这样做并单独指定每种文件类型：

return gulp.src('./images/*.jpg', './images/*.png', './images/*.gif')

但是重复自己很多，似乎应该有更简单的方法。

我正在寻找这样的东西：

return gulp.src('./images/*.png, gif, jpg')

但是很遗憾，上面的方法不起作用（或者至少它只适用于列表中的第一个文件类型）

有人知道怎么做吗？

谢谢

【问题讨论】：

去掉空格。

这让它突然工作 - 太棒了，谢谢！

@Heikki，您应该将此作为答案。

我也遇到过这个但是还没有结果，只能用js，不用Gulp可以吗？

【参考方案1】：

去掉空格

return gulp.src('./images/*.png,gif,jpg')

【讨论】：

即return gulp.src('./images/*.png,gif,jpg')。谢谢。

文件扩展名是否区分大小写？

它似乎只有在逗号后面没有空格的情况下才有效。

【参考方案2】：

这个glob 模式也对我有用：

return gulp.src('./images/*.+(jpg|jpeg|gif|png)')

注意：注意+ 符号，没有它就无法工作。

发现于minimatch documentation。

【讨论】：

其实是最佳答案

这让我找到了this doc，这很不错。