4.png
在控制台打印出console.log(x),如下:
5.png
得到是⼀段字符串的路径,这不是我们想要的,我们想要得到的是使⽤SVG的⽅法。利⽤svg-sprite-loader库解决这个问题
三、安装svg-sprite-loader库和配置
搜 svg-sprite-loader这样的⼀个库,按照库的内容在⽬录中进⾏安装和操作:
1、安装:yarn add svg-sprite-loader -D
2、配置:
webpack版的配置如下部分截图(具体看⽂档)svg图
官⽹给的配置是webpack的
我们⽤的是vue-cli,需要对上⾯的配置进⾏转换。可以将转换配置在fig.js⽂件中替换如下:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。