ギャツビーでsvgをdata-uriに変換しないようにする方法
インラインSVGを使用してアニメーション化できるようにする必要がありますが、SVGは10KB未満なので、Gatsbyがそれをdata-uriに変換しています。特定のリソースをdata-uriに変換しないようにGatsbyに指示する方法はありますか？
gatsby-plugin-react-svg を使用できます。
npm install --save gatsby-plugin-react-svg
プラグインをgatsby-config.jsに追加し、コードに追加します。
import Icon from './path/icon.svg';
// ...
<Icon />
または、 gatsby-plugin-svgr を使用することもできます。
ファビアンシュルツの答えに追加するには
@nextバージョンを使用する場合、 gatsby-plugin-react-svg に対するGatsby v2サポートがあります。
npm install gatsby-plugin-react-svg@next --save
レポで開かれた2つのチケットがありました