vue 使用svg图片

1. 安装
   npm install vue-svg-icon --save-dev

2. 将svg图片放入src/svg/ svg图片库iconfont

   • src/svg路径暂时不可配置
   • src文件夹应和node_modules在同一个文件夹下

3. 在项目的main.js入口引入vue-svg-icon

   import Icon from 'vue-svg-icon/Icon.vue';
   Vue.component('icon', Icon);

4. 在网页中使用icon标签就可以啦！

   <icon name="chameleon" scale="20"></icon>

问题： 如果引用vue-svg-icon报错Unexpected use of file extension “vue” for “vue-svg-icon/Icon.vue”；
解决办法：
import Icon from 'vue-svg-icon/Icon.vue
改为
../node_modules/import Icon from 'vue-svg-icon/Icon.vue

但是后来不加前面的路径也是ok的。^_^