在vue项目中使用 iconfont图标库,网上的栗子很多,这边就随手给一个,
点这里
上面的解决了,那我就很苦恼,我每次添加 或删除 或更新图标库,需要重新下载?自己手动去覆盖吗?我是拒绝的。so,自动覆盖就很有必要了。
贴一下我的iconfont目录
四个文件,加一个css,注意css文件与创建项目的设置对比一下
但是,我们的图标是动态扩展的,随时可能删除和添加,每次删除和添加,都要下载到本地替换原油的字体样式文件,并且可能删除,添加后忘记下载到本地,特别麻烦。这就实现自动帮你每次样式文件,你只需要简单的配置,在每次构建时自动帮你自动下载下来。
并且为了更好的使用图标,建议将图标封装成vue组件,而不是简单的使用class样式。
组件代码: 也就是icon.vue
<style lang="scss" rel="stylesheet/scss">
@import
版权声明:本文为shentibeitaokong原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。