Vue项目中svg图标不能正常显示

1.安装 svg-sprite-loader

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

2.配置build文件夹中的webpack.base.conf.js

3.在src/components下新建文件夹及文件SvgIcon/index.vue

4.在src下新建icons文件夹，及icons文件夹下svg文件夹、index.js文件

5.在main.js中引入svg

 import '@/icons' 

 

转载于:https://www.cnblogs.com/daidechong/p/10592172.html