之前写了两篇关于雪碧图工具的文章，第一篇是关于css-sprite，第二篇是改版之后的sprity，然后现在过了那么久，其实有更好的雪碧图工具。

更新到gulp 3.9版本后，我们现在可以在gulpfile里使用ES6（或者叫ES2015）了。 首先需要确定gulp本地版本和命令行的gulp版本为3.9，打开命令行，输入以下命令检查你的版本： {代码...} 然后应该返回： {代码...} 如果你的版本号低于3.9，在package.json文件里面更新你的gulp，然后运行下面的更新命令： {代码...} 创建ES...

前身是css-sprite，前几天帮新同事搭建环境，意外发现sprity在window下可以安装成功了，同时也发现node版本已经4点几了，自己电脑的版本还停留在0.10，赶紧把自己的node升级到最新版本，win10下，sprity安装成功，可以使用。

可能是最好用的雪碧图工具了，好吧，至少是我用过最好用的。 首先安装css-sprite，安装这里很坑，等我最后再说。 {代码...} 我是使用gulp来构建前端代码，所以还需要安装gulp和gulp-if,安装好之后就可以开始配置啦。 新建一个task: {代码...} scss的模板使用mustache： {代码...} 搞定！就是那么简单。 现在只需要把图片...