阿里iconfont在vue，react中引用及使用

1.下载下来所需要的icon，解压后得到文件：

2.将文件放到项目里面：

在react.js里面：

在public里面新建一个文件夹iconfont(无要求)，将文件放进去

在index.html中引用

<link rel="stylesheet" href="./iconfont/iconfont.css" />

如果不是本地运行，可以全局配置PUBLIC_URL

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="stylesheet" href="%PUBLIC_URL%/iconfont/iconfont.css" />

在组件中应用：
简单应用，icon不变化情况下：

<span className="icon iconyonghu"></span>

icon可配置，可以修改变化，此处icon为可变化参数：

<span className={`iconfont ${icon || 'iconyonghu'}`}></span>

在Vue.js里面：

在asssets中新建一个文件夹iconfont(无要求)，将文件放进去

在组件中应用：
在组件中引入

import '../assets/iconfont/iconfont.css';

简单应用，icon不变化情况下：

<span class="iconfont iconzhuti "></span>

icon可配置，可以修改变化，此处i~~~~con为可变化参数

<span class="iconfont"  :class="item.icon || 'iconzhuti'"></span>