gatsby - 如何避免在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 。