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