vue-cli 雪碧图的用法

说来有点尴尬，我一直以为雪碧图是怎么做出来的呢
一直以为是用PS之类的工具，计算好，量好距离，然后人工拼接成一个大图，然后使用。
后来有专门做前端的朋友告诉我不是的，是程序自动生成的。
然后就一定要亲自试一下。

---

用vue-cli 新建一个项目的话（当然你可以用别的方式新建项目），里面根目录增加一个vue.config.js文件，则可以写配置。
很多的配置都默认看不到，我用的感觉应该是只要自己新建一个配置文件，就可以覆盖默认配置。

剩下的就很好操作，直接npm run build，就可以看到生成的雪碧图，可以直接打开图片查看器看到。
在dist/文件夹里(取决于你的配置)。
除此之外，感觉也没有什么好说的了。