目录概览
使用svg-sprite-loader好处
我用vue-cli3.0 + elementUI 搭建项目,但是elementUI的icon组件提供的图标并不是很齐全,当我需要其他图标的时候,我是切图呢还是用iconfont呢?
- 使用切图图片,没有办法自定义改变图标大小和颜色
- 使用iconfont图标,需要先注册账号,这时候如果公司有统一的账号管理还好,万一没有,需要开发者自己创建账号管理,以后离职了,怎么维护是个问题。
后来,在vue-admin-template框架中看到有使用svg-sprite-loader,这样我们就可以相当于在使用icon组件一样,只要图标颜色有更改,就可以通过color来改变, 又不需要注册账号管理
手把手图文教程:如何引入svg-sprite-loader
- 先用vue-cli创建一个空项目
使用vue create project-name命令创建一个默认的项目,这个是区别于cli2.0的,需要注意下
- 安装svg-sprite-loader依赖
- 在根目录创建vue.config.js,并在vue.config.js中输入如下配置
const path = require('path')
function resolve(