我们已经了解到构建工具对于将一个充满 SVG 文件的文件夹转换为一个 SVG defs 块之类的任务特别有用。正如我们生活在这个可爱的网络世界中总是会发生的那样,总是有不止一个工具可以完成这项工作。对于我们已经看过的两个工具来说,当然还有更多用于此目的的构建工具。
使用 Gulp 吗? gulp-svg-sprites
不需要内联 SVG,只想将 SVG 图标嵌入到 CSS 文件中吗?试试 Grunticon 或浏览器内工具 Grumpicon。
想要一个替代的 Grunt 插件? grunt-svg-sprite
Fontastic 是另一个不错的解决方案,适用于还没有准备好使用 Grunt 或 Gulp 的设计师。它为您提供了标题的链接,以便他们为您托管 def 文件,您只需根据需要插入 svgs。我认为它过去只用于图标字体,但现在您可以选择 svg 选项。