手摸手，带你优雅地使用 icon

编者按：本文由花裤衩发表于掘金，作者已授权分享到奇舞周刊。前言本篇文章其实陆陆续续写了快半年，主体部分写好了很久了，但由于种种原因一直没有发布。首先来说说写这篇文章的主要初衷是：在做前端后台项目的时候经常会用到很多 icon 图标，刚开始还好，但随着项目的不断迭代，每次修改添加图标会变得很麻烦，而且总觉得不够优雅，就开始琢磨着有啥简单方便的工作流呢？演进史首先我们来说一下前端 icon 的发展史。远古时代在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-position 定位显 ………………………………