VUE前端编程:阿里ICONFONT CDN停用后的本地化处置

说实话,之前用阿里CDN引入Iconfont库还是蛮方便的,可惜的是最近阿里宣布停止CDN服务,原来的iconfont现在要下载到本地使用了。


VUE前端编程:阿里ICONFONT CDN停用后的本地化处置


在Vue中,引入外部库还是比较简单的,这里稍微提一下,方便初次涉及到这个问题的朋友参考。


首先,下载阿里库的图标文件,解压后,拷入在public中建立的css/iconfont文件夹中,如图:


VUE前端编程:阿里ICONFONT CDN停用后的本地化处置

然后,在index.html添加引用,分为两部分,静态图标和svg图标,后者以js文件引入。


VUE前端编程:阿里ICONFONT CDN停用后的本地化处置


上述步骤完成后,就可以正常地使用图标库了。


VUE前端编程:阿里ICONFONT CDN停用后的本地化处置


如果有多个库,可以通过建立iconfont文件夹的方式建立folder1,folder2,并在index.html添加引用即可,这里唯一要注意的问题是在public文件夹中操作,而非src中,避免资源管理被vue接管。


VUE只是个表达设计思路的工具,一个问题在不同的设计者眼中有千百种解决思路。VUE使用过程中如有其它问题和想法,欢迎随时沟通交流。

阿里   VUE   CDN
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章