Der Begriff "Build-Tool" könnte beängstigend sein. Es erinnert an ausgefallene Befehlszeilentools, die Konfiguration und seltsame Systemabhängigkeiten erfordern, die brechen, wenn Sie sie falsch betrachten. Manchmal sind Build-Tools so, und wir werden in dieser Serie dorthin gehen. Aber wirklich ein Build-Tool ist nur etwas, um Ihren Prozess zu vereinfachen. Automatisieren Sie etwas, was Sie zuvor von Hand gemacht haben.
IcoMoon ist in diesem Sinne ein Build-Tool. Es war (ist) ein beliebtes Tool zum Erstellen von benutzerdefinierten Symbolschriftarten. Dafür ist es wunderbar. Ich unterstütze jedes Tool, das Front-End-Entwickler dazu ermutigt, maßgeschneiderte, optimierte Assets für genau das zu erstellen, was sie benötigen, anstatt das Spülbecken (jedes Symbol auf der Erde) einzubeziehen und nur Teile davon zu verwenden. IcoMoon ist jedoch nicht nur für @ font-face-Symbolschriftarten gedacht, sondern kann auch SVG-Defs-Blöcke ausgeben, die als SVG-Sprite bezeichnet werden (auch ein durchaus akzeptabler Begriff).
Grundsätzlich klicken Sie auf die gewünschten Symbole und exportieren sie dann. Sie erhalten einen perfekten SVG-Defs-Block. Beachten Sie, dass sie noch nicht verwendet werden, und ich bin mir nicht sicher, warum, aber das bedeutet, dass viewBoxSie bei der Implementierung selbst Inhalte hinzufügen und darauf zugreifen müssen. Wenn Sie sich dort für ein Konto anmelden, können Sie das Projekt speichern. Dies bedeutet, dass Sie nach Bedarf zurückkehren und Inhalte entfernen / hinzufügen können, anstatt von vorne zu beginnen. Das macht es wirklich zu einem Build-Tool.
Wichtig zu wissen über IcoMoon: Sie können Ihre eigene SVG hinzufügen. Sie sind nicht auf das beschränkt, was Sie in der Standard-App sehen. Sie können SVG von einem anderen Ort beziehen und es einfach dort hinzufügen, und es wird mit Ihrem Projekt gespeichert. Sie könnten IcoMoon als Build-Tool nur mit Ihrer eigenen benutzerdefinierten SVG verwenden, und es wäre immer noch nützlich.