Vue项目中svg图标不能正常显示
Posted daidechong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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‘
以上是关于Vue项目中svg图标不能正常显示的主要内容，如果未能解决你的问题，请参考以下文章