图片路径不确定时能够合并图片 about gulp-css-spritesmith

[laoshu133]

这种情况可能需要点小技巧，为每个目录单独创建一个 task，
类似代码如下：

const fs = require('fs');
const gulp = require('gulp');

const srcBase = '.';

let dirs = fs.readdirSync(srcBase);

dirs = dirs.filter(dir => {
    let stat = fs.statSync(srcBase +'/'+ dir);

    return stat.isDirectory();
});

// register tasks
dirs.forEach(dir => {
    gulp.task('sprite_item_' + dir, function() {
        console.log('Run task:', dir);
        //...
    });
});

gulp.task('sprite', dirs.map(function(dir) {
    return 'sprite_item_' + dir;
}));

gulp.task('default', ['sprite']);

---

不过个人更建议你换成 webpack + postcss 的方案

[cobish]

感谢你的回复！我在 webpack + postcss 遇到了一些问题，不知你是否也遇到？https://www.zhihu.com/question/50192080