如何避免在 Gatsby 中将 svg 转换为 data-uri
How to avoid converting svg to data-uri in Gatsby
我需要使用内联 SVG 以便为其设置动画，但 SVG 小于 10KB，因此 Gatsby 正在将其转换为 data-uri。有没有办法告诉 Gatsby 不要将特定资源转换为 data-uri？
您可以使用 gatsby-plugin-react-svg.
npm install --save gatsby-plugin-react-svg
将插件添加到您的 gatsby-config.js，然后在您的代码中：
import Icon from './path/icon.svg';
// ...
<Icon />
或者，您也可以使用 gatsby-plugin-svgr。
添加到 Fabian Schultz 的回答
如果您使用@next 版本
，Gatsby v2 支持gatsby-plugin-react-svg
npm install gatsby-plugin-react-svg@next --save
repo 中打开了 2 张工单
我需要使用内联 SVG 以便为其设置动画，但 SVG 小于 10KB，因此 Gatsby 正在将其转换为 data-uri。有没有办法告诉 Gatsby 不要将特定资源转换为 data-uri？
您可以使用 gatsby-plugin-react-svg.
npm install --save gatsby-plugin-react-svg
将插件添加到您的 gatsby-config.js，然后在您的代码中：
import Icon from './path/icon.svg';
// ...
<Icon />
或者，您也可以使用 gatsby-plugin-svgr。
添加到 Fabian Schultz 的回答
如果您使用@next 版本
，Gatsby v2 支持gatsby-plugin-react-svgnpm install gatsby-plugin-react-svg@next --save
repo 中打开了 2 张工单