码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-03-25 10:30:48      阅读:1485      评论:0      收藏:0      [点我收藏+]

标签:配置   nbsp   imp   build   gic   alt   com   info   mic   

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 

 

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

标签:配置   nbsp   imp   build   gic   alt   com   info   mic   

原文地址:https://www.cnblogs.com/daidechong/p/10592172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!