Multiple file extensions in one directory using Gulp

Question

So, I have a gulpfile.js setting.

In the image folder, I have several images, some are png, some jpg and some gif.

I want to configure all png, jpg and gif in the image folder.

I could use ** / * for the purpose of everything in the folder, but I do not want, I want it to be specific to file types.

I could also do this and specify each file type individually:

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

But it repeats itself a lot, and it seems that there should be an easier way.

I am looking for something like this:

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

But, alas, the above does not work (or at least it only works for the first type of file in the list)

Does anyone know how to do this?

thank

Answer 1

Take the spaces

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

Answer 2

This glob template worked for me:

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

Note. Pay attention to the + sign, it does not work without it.

Found on minimization documentation .