svg-icon使用

https://www.cnblogs.com/lhjfly/p/10756650.html
这篇博主写的很详细 可参考
1.建立icons svg 图片
2，建立svgIcon index.vue 组件

3，icons 下建一个index.js
import Vue from ‘vue’
import SvgIcon from ‘@/components/SvgIcon’// svg组件

// register globally
Vue.component(‘svg-icon’, SvgIcon)

const req = require.context(’./svg’, false, /.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)
4.main.js 引入
import ‘@/icons’ // icon
5.配置
下载插件
cnpm i svg-sprite-loader --save
配置
在build/webpack.base.conf.js文件中，加入

  {
    test: /\.svg$/,
    loader: 'svg-sprite-loader',
    include: [resolve('src/icons')],
    options: {
      symbolId: 'icon-[name]'
    }
  }