vue組件庫（五）：icon管理

圖標管理

前言

1、經常使用圖標庫網站

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流程，仍是頗有難度的，沒啥思路