2022-08-01 iconfront字体图标库备选方案

背景:前段时间,阿里图标库挂了,图标出不来,对我司各大项目都有影响。由于在线图标库用的是人家的服务,一旦出现问题或者挂了,我们这边其实是束手无策的。但是客户会不断催促你解决这个问题,这样我们只能把主动权握在自己手里。

解决方案:相信有一定规模的公司,都有自己的CDN服务,在实际业务生产中,我们通常会将大量的静态资源如 JS 脚本、CSS 资源、图片、视频、音频等托管至 CDN 服务,以享受其边缘节点缓存对静态资源的加速。那iconfront 图标也可以上传到CDN上。我们主要通过git 的cI命令实现上传文件到CDN,然后拿到CDN链接,最后在项目里直接引用cdn链接即可。

第一步:创建一个gitlab的项目,主要作用是用来上传图标到CDN

第二步:ci配置上传  读取文件、生成hash、新建文件 判断是否已记录  无记录则上传 上传成功记录路径及cdn链接


引入相关要使用的库


获取文件


通过引入的hash库生成各个文件的hash值


新建文件


判断文件是否上传过


剩下的文件都是需要上传的文件,即可执行上传命令


上传成功记录


写入到之前用于记录的json文件中


通过配置CI上传文件


项目目录大概是这样,文件放在assets里面
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容