vue项目引入svg

1. 安装

npm install vue-svg-icon --save-dev


2. 将svg图片放入src/svg       图标库  http://www.iconfont.cn/

  1)  src/svg路径暂时不可配置

   2) src文件夹应和node_modules在同一个文件夹下


3. 在项目的main.js入口引入vue-svg-icon和需要使用的svg文件名(不需扩展名)

import Icon from 'vue-svg-icon/Icon.vue'

Vue.component('icon', Icon);

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

你可能感兴趣的:(vue项目引入svg)