archer-svgs SVG异步加载方案
异步加载的 svg 资源管理方案,用起来还挺香的。
生产项目的 svg 一多,svg sprite bundle就越来越臃肿。每次你加个小图标,整个 bundle 的hash就变了,用户就得重新下个大几十 KB 的文件,明明只改了 1KB,听着是不是有点离谱?
archer-svgs就是来这个事的。它把 svg 拆成独立资源,按需加载,谁用谁加载,省流量也不折腾缓存。多个项目用到同样的图标,还能避免重复下载,跨域也没问题。
它的用法也不复杂,一行set()
方法就搞定初始化,配合你的图标使用逻辑,加载逻辑自然。支持浏览器还挺全,日常开发也不用额外上什么插件,响应快,体验好。
比如首页只用 5 个图标,那就只加载 5 个 svg,不像老的 svg-sprite 那样一上来扔 100 个图标过去。更新也不会影响用户缓存的老资源,维护起来舒服。
你要是也碰到 svg bundle 越来越大、更新频率高的问题,archer-svgs真的值得一试。如果你觉得它还不错,给个 star 和 follow,也算给作者加点动力哈~
4.21MB
文件大小:
评论区