CODEWITHSUNDEEP
gulpcss-sprites
Maxime
Maxime

Reputation: 45

Gulp loops for generate sprite by folder

I'm a Gulp newbie after many research, I don't find a solution for my problem. My aim is to generate a sprite by folder with the name of the sprite will be the name of the folder.

Folder structure is:

-assets
   -images
      -icon
          -image-1.png
          -image-2.png
          -image-3.png
          -image-4.png
          -image-5.png
      -header
          -image-1.png
          -image-2.png
          -image-3.png
          -image-4.png
          -image-5.png
      -etc...

And I would like have a sprite by folder in another folder subassets :

-subassets
   -images
      - sprite-icon.png
      - sprite-header.png

Thanks for your help

Upvotes: 3

Views: 247

Answers (1)

SW4
SW4

Reputation: 71150

Using the gulp-folders package, you can do, e.g.:

gulp.task('sprites', folder('assets/images', function (folder) {
    // your gulp task to create sprites...
    return gulp.src([
        path.join('assets/images', folder, '*.png')
        ], {
           base: './'
        })
        // sprite creation plugin stuff goes here...
        .pipe(gulp.dest('subassets/images/sprite-' + folder + '.png'));
}));

Upvotes: 3

Related Questions