gatsby-plugin-svgr
gatsby-plugin-svgr copied to clipboard
Transform SVGs into React components with SVGR
Echo Gatsby's file-size limit for inlining image files which is set to 10000 bytes / 10kb. Without this addition, any svgs that are imported via URLs as opposed to SVGR...
In this plugin's `gatsby-node.js`, in the `onCreateWebpackConfig` hook the following rule is added: ``` const urlLoader = loaders.url({ name: "static/[name].[hash:8].[ext]" }) ``` [The default behaviour of URLLoader](https://v4.webpack.js.org/loaders/url-loader/#limit) is that no...
mainly modify the `issuer` property. documentation on Webpack5 `issuer` property. [https://webpack.js.org/configuration/module/#ruleissuer](https://webpack.js.org/configuration/module/#ruleissuer)
docz issue: https://github.com/doczjs/docz/issues/1382 Thank you very much for your `gatsby-plugin-svgr` I'm using [docz](https://github.com/doczjs/docz) and found that the current configuration doesn't support `.mdx` files, So I rewrote part of the code...
Gatsby's out-of-the-box config matches the following import statements: import someIcon from './some-icon.svg'; import someOtherIcon from './some-other-icon.svg?key=value'; That is, you can import `file.svg?query-params-here` and it'll be matched, even though that module...
These are more or less issues/suggestions that I thought may be useful feedback. There may be a config way around these, but I want to share how I solved them....