react使用阿里图标iconfont

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

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

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

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

iconfont.js

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

App.js

你可能感兴趣的:(react使用阿里图标iconfont)