美文网首页react学习笔记
react使用阿里图标iconfont

react使用阿里图标iconfont

作者: 井皮 | 来源:发表于2018-12-05 17:11 被阅读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

    相关文章

      网友评论

        本文标题:react使用阿里图标iconfont

        本文链接:https://www.haomeiwen.com/subject/hdswcqtx.html