Multiple file extensions within the same directory using Gulp

JavascriptGulp

Javascript Problem Overview


So I have a gulpfile.js setup.

In an images folder I have a few images, some are pngs, some jpgs and some gifs.

I want to target all the pngs, jpgs and gifs in the images folder.

I could use */ to target everything in the folder, but I don't want to, I want it to be specific to the file types.

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

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

But it's a lot of repeating yourself and it seems that there should be an easier way.

I'm looking for something like this:

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

But alas, the above doesn't work (or at least it only works for the first file type in the list)

Anyone know how to do this?

Thanks

Javascript Solutions


Solution 1 - Javascript

Take the spaces away

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

Solution 2 - Javascript

This glob pattern also worked for me:

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

Note: Notice the + sign, it doesn't work without it.

Found on minimatch documentation.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionmildrenbenView Question on Stackoverflow
Solution 1 - JavascriptmildrenbenView Answer on Stackoverflow
Solution 2 - JavascripteightyfiveView Answer on Stackoverflow