vue组件库（五）：icon管理

图标管理

前言

一、常用图标库网站

1.http://icomoon.io　　阿里巴巴矢量图

身边的

2.http://fontawesome.dashgame.com　　iconmoon

3.http://www.iconfont.cn　　Font Awesome

 

2.http://icomoon.io，使用该网站集中管理图标库

其实，之前使用的是阿里的iconfont，研究饿了么源码发现，还有这么一个好用的网站。

可以通过fontclass，引入icon，支持ie，可自定义图标，fontclass前缀和后缀，其他功能待发掘。。。。。。

Font Awesome  暂时没实践过

 

首先，觉得每次手动更新icon，比如删除或添加icon，需要重新下载，然后手动覆盖，这个过程太浪费人力了

自动覆盖思路 借鉴 https://blog.csdn.net/shentibeitaokong/article/details/82463941

事实证明，我是一个很没有条理的人，哭泣

组件库中，对icon的引用还不算多，但是对于那种手动上传，生成，然后再下载，覆盖的流程，没啥好感，尤其带领大家进行项目开发的时候，作为leader，各种杂七杂八的事情一堆，自己敲代码的时间有限，提升开发效率至关重要！！

百度了下对于icon的工程化处理的相关内容

看到一篇文章《前端处理小图标的那些解决方案（图文实操）》，谈到了对iconfont的处理。文章已久远也不耽误解决实际问题

提到

 

 

继续思路

自己开发和完善相关icon流程，还是很有难度的，没啥思路

转载于:https://www.cnblogs.com/yuxina/p/10277478.html