如何服务<；使用>；带有Webpack和Vue.js的SVG符号？_Svg_Webpack_Vue.js

如何服务<；使用>；带有Webpack和Vue.js的SVG符号？

svg webpack vue.js

如何服务<；使用>；带有Webpack和Vue.js的SVG符号？,svg,webpack,vue.js,Svg,Webpack,Vue.js,我将Webpack与Vue.js结合使用。在map.svg文件中，我以如下形式存储所有svg图标： <symbol id="someID"><path></symbol> <symbol id="otherID"><path></symbol> 在代码中，我对SVG4Everyone插件使用了如下构造： <svg><use xlink:href="map.svg#someID"></sv

我将Webpack与Vue.js结合使用。在map.svg文件中，我以如下形式存储所有svg图标：

<symbol id="someID"><path></symbol>
<symbol id="otherID"><path></symbol>

在代码中，我对SVG4Everyone插件使用了如下构造：

<svg><use xlink:href="map.svg#someID"></svg>

但这不起作用，因为Webpack不分发SVG精灵。在这种情况下该怎么办？谢谢

网页3.6.0

必须使用

<object type="image/svg+xml" data="map.svg">
   Your browser does not support SVG
</object>

使用

viewBox

选项匹配图标的大小

<svg viewBox="0 0 24 24"> 
  <use xlink:href="map.svg#someID">
 </svg>