按照官方的說(shuō)法：

1.install

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

我的package.json

2.put your svg into src/svg/
this dir are not supported to be configured now
src folder should be in the same folder with node_modules

這是我的工作目錄:

3.import vue-svg-icon in your main.js

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

這是main.js

4.use the svg icon in your vue!
<icon name="chameleon" :scale="20"></icon>

模板：

OK 跑起來(lái)...

官方解釋?zhuān)?/p>

This dependency was not found:
   
   * !xml-loader!../../src/svg in ./~/.6.4.1@babel-loader/lib!./~/.11.1.4@vue-loader/lib/selector.js?type=script&index=0!./~/.1.2.8@vue-svg-icon/Icon.vue
   
   To install it, you can run: npm install --save !xml-loader!../../src/svg

接下來(lái)：

$ cnpm install !xml-loader!../../src/svg
-bash: !xml-loader!../../src/svg: event not found

......HOLY

有大神遇到這樣的問(wèn)題嗎？怎么解決的？