So erstellen Sie SVG-Sprite mit Symbolenvon@gmakarov
2,511 Lesungen

So erstellen Sie SVG-Sprite mit Symbolen

2023/12/23
10m
von @gmakarov 2,511 Lesungen
tldt arrow
DE
Read on Terminal Reader

Zu lang; Lesen

Entwickler fügen SVG häufig direkt in JSX ein. Dies ist bequem zu verwenden, erhöht jedoch die Größe des JS-Bundles. Im Streben nach Optimierung habe ich beschlossen, eine andere Möglichkeit zu finden, SVG-Symbole zu verwenden, ohne das Paket zu überladen. Wir werden über SVG-Sprites sprechen, was sie sind, wie man sie verwendet und welche Tools für die Arbeit mit ihnen verfügbar sind. Beginnend mit der Theorie schreiben wir ein Skript, das Schritt für Schritt ein SVG-Sprite generiert, und besprechen abschließend Plugins für Vite und Webpack.
featured image - So erstellen Sie SVG-Sprite mit Symbolen
German Makarov HackerNoon profile picture

@gmakarov

German Makarov

Senior Software Engineer | Frontend | React | TypeScript

react to story with heart

ÄHNLICHE BEITRÄGE

L O A D I N G
. . . comments & more!