老师,关于组件库与图标库的引用请帮忙解下疑惑
来源: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组件是直接挂载到全局对象上的吗?
012021-05-30
相似问题