archer-svgs:异步加载svg解决方案

时间:2024-06-03 11:01:26
【文件属性】:

文件名称:archer-svgs:异步加载svg解决方案

文件大小:4.21MB

文件格式:ZIP

更新时间:2024-06-03 11:01:26

svg typescript localstorage svg-icons prefetch

archer-svgs 背景 实际生产项目中基本都会用到svg,随着项目迭代svg bundle的体积会越来越大,在后续迭代中如果每新增或删除一个svg就会导致svgbundle的hash发生变化,用户就必须重新下载这个文件,为此会付出额外的流量开支。例如,现在有一个svgbundle为100kb,此时新增了一个1kb的svg,项目上线后,用户就需要为这1kb的更新重新加载整个svg bundle,即101kb,毫无疑问,这是一种非常愚蠢的行为。这种方式还存在另一个问题,当两个不同的项目拥有相同的svg bundle时,由于svg bundle资源在不同域下,用户需要下载2份资源。archer-svgs就是为了解决这个问题,通过它你可以更灵活、轻便地加载svg。 如果你觉得这个项目还不错,可以给我一个star和follow来支持我 :face_blowing_a_kiss: 目录 特性 兼容性 方法 set( ) startPr


【文件预览】:
archer-svgs-master
----.gitignore(18B)
----tsconfig.json(557B)
----README.md(7KB)
----cfg()
--------umd.js(591B)
----docs()
--------js()
--------index.html(363B)
----LICENSE(1KB)
----package.json(2KB)
----tslint.json(620B)
----src()
--------Archer.ts(3KB)
--------react()
--------global.ts(103B)
----.npmignore(113B)
----.travis.yml(141B)
----webpack.config.js(2KB)
----package-lock.json(244KB)
----demo()
--------tsconfig.json(56B)
--------utils()
--------static()
--------entry.tsx(148B)
--------pages()
--------index.html(282B)

网友评论