在vue中如何引用阿里的Iconfont图表库

在做vue练习的时候，想要导入一个放大镜的图标，之前都是直接去Iconfont官网(https://www.iconfont.cn/)，直接下载图片引入，有点low，所以这次想直接引入使用，于是就在网上找资料，看到一篇博客写的很好，在这里发一下。
1、选择需要的图标并下载

2、将下载的压缩包解压并找到以下四个文件，将这四个文件放入到项目的assets文件夹中（为了以后管理方便，可以在assets文件下面新建了一个font文件夹，并将图标文件放在该文件夹中）


3、在项目的main.js文件中引入

4、查看项目的package.json文件中是否有css-loader处理器，如果有，忽略这一步，如果没有，使用npm install css-loader --save-dev(也可以使用cnpm安装，会快一些)安装

5、在刚刚下载包里打开里面的html文件，查找你需要引入的图标的class

6、现在可以在项目的vue文件中通过使用图标的class将图标引入到页面中，

作者：Dangerous_fang
来源：****
原文：https://blog.****.net/XuM222222/article/details/81839526