关于vue.js:阿里iconfont在vuereact中引用及使用

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>