vue-cli3 使用svg-sprite-loader的使用

1.为什么使用svg-sprite-loader？

用来根据导入的svg文件自动生成symbol标签并插入html，接下来就可以在模板忠方便地使用svg-sprite技术了

通常我们项目都是使用iconfont阿里巴巴图标矢量库，缺点：

• 操作繁琐，每次ui需要加一些新的图标的时候，都要重新下载图标库的项目，然后把整体的文件（其中包括css,svg,ttf,woff等）替换掉。
• 如果更改名称的话，需要在图标库里改一次，然后进行下载复制拷贝。
• iconfont网站库图标内容有限，特殊业务条件需要uimm们自己设计的图(PSD小图标变身SVG Sprites/font-face历险记)

svg优点：

• 图标易于实时修改
• 图标可以带动画
• 可以使用标砖的prop和默认值来将图标保持在一个典型的尺寸并随时按需改变他们
• 图标是内联的，所以不需要额外的HTTP请求
• 可以动态地使得图标可访问

2.实现svg-sprite-loader

1. 使用终端命名引入