iconfont - 阿里巴巴失量图标库配合项目使用

现在开发项目时所用的图片会很多，每次需要用到的时候一个个去引用进来会比较麻烦，而且当项目里的图片过多时，在加载项目时速度会很慢，也会影响性能。当然，在这种情况下也可以把项目里的所有图片打包单独放在服务器上，但这样有个缺点，就是一旦有图片改动时，你需要每次更新并打包发布到服务器上。
有一个更方便快捷的方法是：把项目里所要用到的图片全部和阿里巴巴矢量图建立进来，这样当你需要某一个图片时直接复制就可以了，也更好维护更新。

iconfont - 阿里巴巴失量图标库

1.

首先，需要你们UI在阿里巴巴矢量图标库里新建一个项目，并且把图片都上传到这个新建的项目里。

新建项目并上传图片

2.

然后，在src根目录下的 index.html 中新增这行代码：

// href后面的是新建项目库 css 文件的地址

css 文件的地址

根目录文件里引入

3.

最后，在所用到图片的页面把图片名称引入进来

两者相对应的

最终效果图