The change in 0.8.0 to use url-loader with limit 10k as a default loader breaks my svg sprite system.
The svg sprite system works like this: I put all my svgs in one folder, run svg-sprite to generate svg sprite (which is below 10k), then I have a custom Icon component in which I import the svg sprite and load the apropriate icon using fragment identifiers
Icon Component:
importReact,{PropTypes}from'react'importsvgSpritefrom'../img/symbol/sprite.svg'functionIcon({ name }){return(<svg><usexlinkHref={`${svgSprite}#${name}`}/></svg>)}Any idea how to fix this besides just adding more svgs to the sprite until it is bigger than 10k?
The change in 0.8.0 to use
url-loaderwith limit 10k as a default loader breaks my svg sprite system.The svg sprite system works like this: I put all my svgs in one folder, run svg-sprite to generate svg sprite (which is below 10k), then I have a custom
Iconcomponent in which I import the svg sprite and load the apropriate icon using fragment identifiersIcon Component:
Any idea how to fix this besides just adding more svgs to the sprite until it is bigger than 10k?