Gulp循环用于按文件夹生成精灵

时间:2015-03-20 11:10:56

标签: gulp css-sprites

经过多次研究,我是一名Gulp新手,我找不到解决问题的方法。 我的目标是按文件夹生成精灵,精灵的名称将是文件夹的名称。

文件夹结构是:

-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...

我希望在另一个文件夹子目录中有一个精灵文件夹:

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

感谢您的帮助

1 个答案:

答案 0 :(得分:3)

使用gulp-folders包,您可以这样做,例如:

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'));
}));