主要介绍了webpack中如何使用雪碧图的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

一、什么是雪碧图？ CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。 二：为什么要用雪碧图 结合我们公司的需求来说，因为有很多组件，每个组件下有大概50张图片，每张图片是一个请求，也就是发了300多个请求，这样是很可怕的，所以为了优化性能，减少http请求，决定采用雪碧图的形式。 雪碧图是将你想要的很多张图片整理成一张图片，然后通过background-*来进行图