一臀晃、安裝svg-sprite-loader
npm install svg-sprite-loader -D
二、編寫svg-icon組件
在 src/components/icon 文件夾下面創(chuàng)建 svg-icon.vue 文件:
svg組件
三相种、配置全局使用以及名字處理
在 src/assets/icons 下面創(chuàng)建 index.js 以及 icons 文件夾
icons 文件夾下面存放 .svg 文件
index.js 文件中：
四威恼、全局引入
在 main.js 中引入
import '@/assets/icons'
五、配置
在vue2.0中是需要在?webpack.base.conf.js 中進行配置：
在vue3.0也是如此 需要在根目錄下 vue.config.js 中進行配置 如下：
到此就可以全局使用svg圖標了
