SVG文件重装了很多

即时通讯使用 object 和 use 以便为所有SVG图标创建一个文件。但我看到的是 icons.svg 每次在应用程序中使用新图标时,都会重新加载文件。严格来说不是为了 每一个 但它似乎经常发生。我在搜索中无法诊断。

这是正常的行为吗?它应该继续下载文件吗?我应该把它藏起来吗?

如何将svg文件包含到 index.html :

<object type="image/svg+xml" data="/static/icons.svg" style="display: none;"></object>

如何在不同的地方使用图标:

<use href="/static/icons.svg#foo"></use>
<use href="/static/icons.svg#bar"></use>

例子 ICONS.VG :

<svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="foo" viewBox="0 0 100 100">
    <circle cx="69.37" cy="37.27" r="16.97"/>
  </symbol>
  <symbol id="bar" viewBox="0 0 100 100">
    <circle cx="69.37" cy="37.27" r="16.97"/>
  </symbol>
</svg>