vue-svgicon基本使用

　　在項目開發中，常常會用到svg圖標，以前用的都是vue-svg-icon,最近在npm中搜索svg圖標解析插件，發現vue-svgicon用的相對較多，對比如下，vue-svgicon用法較爲靈活，方便，基本使用方法以下：

　　一、安裝項目依賴

npm install vue-svgicon -D

　　二、在項目目錄中引入svg圖片（任意目錄）

　　三、配置svg圖標解析和輸出路徑

　　　　由於vue-svgicon本質會把svg圖標解析成js文件，在項目中是經過import導入生成的js文件來達到對svg圖標的引用，具體能夠在package.json中作如下配置：

　　　　

　　四、在main.js中引入svgIcon組件，而且全局註冊下

import SvgIcon from 'vue-svgicon'

Vue.use(SvgIcon, {
    tagName: 'svg-icon'
});

　　五、執行下npm run svg命令

　　能夠看到項目中icons下面多了不少js文件

　　六、項目中具體使用以下：

<svg-icon name="logo" class="menu-icon" color="#fff" width="16" height="16"></svg-icon>

import '@/icons/logo'