react学习笔记

react使用阿里图标iconfont

2018-12-05  本文已影响0人  井皮

步骤一:下载阿里图标文件到本地

步骤二:拷贝其中iconfont.css,iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff文件到指定项目的文件夹中,我这里是将其统一放置在src/statics/icon文件夹中。

下载后所有的阿里图标文件

步骤三:将iconfont.css文件改成js文件,并改写此文件,所有带有url引入的路径添加./,其中data开头的不用修改路径。引入createGlobalStyle创建全局模块GlobalIcon。

iconfont.js

步骤四:全局引入阿里图标。

App.js
上一篇下一篇

猜你喜欢

热点阅读