[已解决]svg sprite 引用问题

Question

业务背景

之前一直是使用icon-font做小图标
今天学bootstrap4的时候没有内置图标,推荐的是svg图标
一番百度.......

1. 在阿里图标库找合适的图标
2. 通过grunt-svgstore合并svg文件
3. 把合并后的svg内容全部粘贴到html里面去
4. 引用图标<svg><use xlink:href=""></use></svg>

问题

复制整个svg源代码感觉好麻烦啊
像引用css或js那样直接用一个标签引入svg可以么?怎么弄?

尝试

link object embed都不行

解决

利用js,append进去
不过自己通过grunt合并的方法还是太麻烦,在阿里图标库上可以全部自动生成.

参考

http://www.iconfont.cn/help/d...

Answer 1

原理上来说,没有更简单的方法.
只是变相把所有svg加载到文档中来而已