关于前端在初始化项目中iconfont的引入方式讨论

154 阅读1分钟

我发现现阶段前端的iconfont都是以下载css引入的方式实现的,我个人觉得这样的方式有些不太合理,有些缺点,比如ui上传了新图标,得重新下载css包;有的图标根本没用,生成的css却包含了进来。 建议新建的项目使用从iconfont下载svg的方式引入,可以很好的解决上面的问题。方法: 第一步:配置webpack,记得安装svg-sprite-loader

image.png 然后在项目中新建个文件夹存放下载的svg image.png 然后在main.js引入icon里面的index.js就可以啦 我这里是吧svg封装成了组件,用的时候直接传svg名称就好了

image.png 使用举例:

image.png 是不是超级简单?小伙伴们有更好的想法记得交流呦!