vue项目中自动拉取更新Iconfont(阿里巴巴图标库)

  • Post author:
  • Post category:vue


在vue项目中使用 iconfont图标库,网上的栗子很多,这边就随手给一个,

点这里

上面的解决了,那我就很苦恼,我每次添加 或删除 或更新图标库,需要重新下载?自己手动去覆盖吗?我是拒绝的。so,自动覆盖就很有必要了。

贴一下我的iconfont目录

四个文件,加一个css,注意css文件与创建项目的设置对比一下


但是,我们的图标是动态扩展的,随时可能删除和添加,每次删除和添加,都要下载到本地替换原油的字体样式文件,并且可能删除,添加后忘记下载到本地,特别麻烦。这就实现自动帮你每次样式文件,你只需要简单的配置,在每次构建时自动帮你自动下载下来。

并且为了更好的使用图标,建议将图标封装成vue组件,而不是简单的使用class样式。

组件代码: 也就是icon.vue

<style lang="scss" rel="stylesheet/scss">
  @import



版权声明:本文为shentibeitaokong原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。