Frage Wie man vermeiden kann, in Gatsby SVG zu Daten-URI zu konvertieren


Ich brauche ein Inline-SVG, damit ich es animieren kann, aber das SVG ist weniger als 10 KB, also konvertiert Gatsby es in ein Daten-URI. Gibt es eine Möglichkeit, Gatsby mitzuteilen, dass er eine bestimmte Ressource nicht in eine Daten-URI umwandeln soll?


5
2018-01-25 01:53


Ursprung


Antworten:


Sie können verwenden gatsby-plugin-react-svg.

npm install --save @jacobmischka/gatsby-plugin-react-svg

Fügen Sie das Plugin zu Ihrem hinzu gatsby-config.js, dann in deinem Code:

import Icon from './path/icon.svg';

// ...

<Icon />

Alternativ können Sie auch verwenden gatsby-plugin-svgr.


6
2018-01-25 17:58



Um die Antwort von Fabian Schultz hinzuzufügen

Es gibt Gatsby v2 Unterstützung für Gatsby-Plugin-Reaktion-Svg wenn Sie die @ next-Version verwenden

npm install gatsby-plugin-react-svg@next --save

Es wurden 2 Tickets im Repo geöffnet

Problem 4

Problem 7


2
2017-09-05 17:16