在目录下有一个文件夹是sprite，放在这里的图片会生成一张雪碧图

开启gulp命令后，会实时监控sprite文件夹的变化，如果有变化，就会生成

1. 对应的sprite.scss，放在/下。

现在在sprite目录下有六张图片， 嗯，就是这奇怪的六张图，知道它在描述什么吗？哦，不重要……

执行gulp的命令的时候，就会根据六张图片，生成一个sprite.png到src/img目录下

如何使用sprite.scss呢？

html文件：

在index.scss文件中引入sprite.scss

OK，在页面你就可以看见预览效果了。

开启命令后，命名窗口不需要关闭，gulp会实时监控sprite文件夹的变化，如果有变化，就会执行上述操作。