老师,关于组件库与图标库的引用请帮忙解下疑惑

来源:12-8 iconfont 最佳实践

见信

2021-03-10

  • 首先,我们生成了一个组件库,这个组件库里我们创建了一个自己的图标库,以及图标组件
  • 我们可以通过传入icon name的方式,让 图标组件 内部通过use标签的heref属性挂载图标id,正确获取到想要的svg图标,这里我们获取到的是自己手写,或者去网上复制下来的svg图标
  • 然后,我们去网站上生成了一个图标库,拿到了生成的图标库的js文件的一个网络地址,再去项目里的文件入口,或者根组件上加载这个图标库,通过调用组件库的图标组件的方式传入网络图标库的svg图标的name,跟上面的引用方式差不多,实现了icon的引用,是这个意思吗?
  • 如果,我们想要网络上的这些图标能够保存到我们的组件库的图标库中,是不是去我们组件库里使用script加载网络图标库就行了,无需在项目里加载
  • 之前没做过自己的组件库,这几节看的有些晕,看了两遍,才想通为什么我们的图标组件能够加载项目里的网络图标,我有理解错误的地方的话,请老师帮忙指出,谢谢
写回答

1回答

见信

提问者

2021-03-10

老师,还有一个最重要的,我还是没有想的通,为什么use标签能够找到这些svg,只要是svg,use标签就能通过svg的id加载吗?所以我们使用g标签,symbol标签定义的svg组件是直接挂载到全局对象上的吗?

0
1
落叶无声xcm
我也想知道~老师为啥不回答呀?
2021-05-30
共1条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1481 学习 · 1027 问题

查看课程