如何避免在Gatsby中将svg转换为data-uri

Question

我需要使用内联SVG，因此我可以为其设置动画，但SVG小于10KB，因此Gatsby将其转换为数据uri。有没有办法告诉Gatsby不将特定资源转换为数据-uri？

Answer 1

您可以使用gatsby-plugin-react-svg。

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

将插件添加到gatsby-config.js，然后添加到您的代码中：

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

// ...

<Icon />

或者，您也可以使用gatsby-plugin-svgr。

Answer 2

添加到Fabian Schultz的答案中

如果使用@next版本，则gatsby-plugin-react-svg支持Gatsby v2

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

回购中有2张票已打开

Issue 4

Issue 7