Wir haben gelernt, dass Build-Tools besonders nützlich für Aufgaben wie das Umwandeln eines Ordners voller SVGs in einen SVG-Defs-Block sind. Wie es in dieser schönen Web-Welt, in der wir leben, immer der Fall ist, gibt es immer mehr als ein Werkzeug für die jeweilige Aufgabe. Es gibt sicherlich mehr Build-Tools dafür als die beiden, die wir bisher betrachtet haben.
Verwenden Sie Gulp? gulp-svg-sprites
Benötigen Sie kein Inline-SVG und möchten die SVG-Icons nur in eine CSS-Datei einbetten? Versuchen Sie Grunticon oder das In-Browser-Tool Grumpicon.
Möchten Sie ein alternatives Grunt-Plugin? grunt-svg-sprite
Möchten Sie ein super robustes und anpassbares Tool ausprobieren? Versuchen Sie Iconizr (oder im Browser).
Fontastic ist eine weitere nette Lösung für Designer, die noch nicht ganz bereit für Grunt oder Gulp sind. Es gibt Ihnen einen Link für den Head, sodass sie die Def-Datei für Sie hosten, und Sie können die SVGs nach Bedarf einfügen. Ich glaube, es war früher nur für Icon-Fonts, aber jetzt können Sie eine SVG-Option auswählen.