Import SVG as React components (Parcel plugin)
npm install parcel-plugin-svg-reactParcel plugin for SVGR. Forked from @svgr/parcel-plugin-svgr.
```
npm install parcel-plugin-svg-react
- .svgr extension for React imports.svg
- extension for path imports
- Allows CSS imports
Allows to import SVG files as React components. The extension should be .svgr, not .svg!
`jsx
import Star from './star.svgr'
const App = () => (
Usual Behavior
Allows to import
.svg files as paths (the usual Parcel behavior):`jsx
import star from './star.svg'const Star = () => (
url(${ star }) }}>
)
`CSS Imports
This works as well:
`css
div {
background-image: url(./star.svg);
}
``