背景：iView 的圖標(biāo)使用開源項(xiàng)目 ionicons, 但是項(xiàng)目開發(fā)中届垫，有時(shí)需要一些定制icon, 這時(shí)如果能本地部署一份屬于項(xiàng)目的icon, 這也能減少對圖片的處理释液，減少打包體積，方便開發(fā)
image
本地定制icon組件装处，采用的是阿里系的iconfont
寫在前面
本文是在使用react ant-design误债，進(jìn)行使用總結(jié)。
參考
開發(fā)簡介
iconfont
1妄迁、利用github賬戶或者注冊賬戶寝蹈，創(chuàng)建賬戶
2、尋找或創(chuàng)建icon, 添加入項(xiàng)目（提前創(chuàng)建項(xiàng)目）
3登淘、項(xiàng)目編輯
新建項(xiàng)目時(shí)FontClass/Symbol前綴和Font Family字段的填寫需要注意箫老，前綴不要和項(xiàng)目所使用的UI庫字體前綴一樣，預(yù)防命名沖突
4黔州、下載圖標(biāo)至本地（文件名里面帶有demo, 只是demo展示耍鬓，放入項(xiàng)目中刪除）
組件開發(fā)
使用所屬庫語法，開發(fā)本地icon組件
- 將
.css文件樣式放入組件流妻，注意icon資源路徑的修改 - 組件命名語法沖突
