在vue-cli3.0中配置使用svg图标

在vue.config.js中配置如下：

先引入path :const path = require('path')
chainWebpack:config=>{
    config.plugins.delete('prefetch') //删除懒加载模块的prefetch  较低带宽压力
    config.plugins.delete('svg')  //删除默认的svg行为

    config.module
           .rule('svg-sprite-loader')
           .test('/\.svg$/')
           .include.add(path.resolve('./src/assets/sg')) //存放svg的目录
           .end()
           .use('svg-sprite-loader')
           .loader('svg-sprite-loader')
           .options({
             symbolId:'icon-[name]'
           })

}

来源：oschina

链接：https://my.oschina.net/bing309/blog/3223230