Comment éviter de convertir svg en data-uri dans Gatsby
Je dois utiliser un fichier SVG en ligne pour pouvoir l'animer, mais ce dernier n'atteignant pas 10 Ko, Gatsby le convertit donc en data-uri. Existe-t-il un moyen de dire à Gatsby de ne pas convertir une ressource particulière en data-uri?
Vous pouvez utiliser gatsby-plugin-react-svg .
npm install --save gatsby-plugin-react-svg
Ajoutez le plugin à votre gatsby-config.js, puis dans votre code:
import Icon from './path/icon.svg';
// ...
<Icon />
Vous pouvez également utiliser gatsby-plugin-svgr .
Pour ajouter à la réponse de Fabian Schultz
Il existe un support Gatsby v2 pour gatsby-plugin-react-svg si vous utilisez la version @next
npm install gatsby-plugin-react-svg@next --save
Il y avait 2 billets ouverts dans le repo