VUE-cli3使用 svg-sprite-loader

2019独角兽企业重金招聘Python工程师标准>>>

1、npm install svg-sprite-loader --save-dev

2、在Vue.config.js加入处理 svg 的 loader并删除默认配置中处理svg

    

3、新建icons文件夹，icons/svg存放svg，icons/index配置自动导入代码

        import Vue from 'vue'

        import SvgIcon from '@/components/SvgIcon' // svg组件

        // register globally

        Vue.component('svg-icon', SvgIcon)

        const requireAll = requireContext => requireContext.keys().map(requireContext)

        const req = require.context('./svg', false, /\.svg$/)

        requireAll(req)

4、新建SvgIcon组件

        

        

5、使用

    

 

        

转载于:https://my.oschina.net/huibaifa/blog/3004056