我发现现阶段前端的iconfont都是以下载css引入的方式实现的,我个人觉得这样的方式有些不太合理,有些缺点,比如ui上传了新图标,得重新下载css包;有的图标根本没用,生成的css却包含了进来。 建议新建的项目使用从iconfont下载svg的方式引入,可以很好的解决上面的问题。方法: 第一步:配置webpack,记得安装svg-sprite-loader
然后在项目中新建个文件夹存放下载的svg
然后在main.js引入icon里面的index.js就可以啦
我这里是吧svg封装成了组件,用的时候直接传svg名称就好了
使用举例:
是不是超级简单?小伙伴们有更好的想法记得交流呦!