I'm facing a strange issue that seems like it should be easy to solve. When using Vue with JavaScript as CDN, everything works perfectly (just like it does in Angular or any other framework).
<img src="/assets/images/icons/myicoin.svg>
However, when I try to do the same thing using webpack (and TypeScript), it doesn't work when accessing the SVG directly.
Instead of displaying the icon, it tries to render the entire app.
I attempted to use vue-svg-loader, but it seems overly complicated and doesn't provide the desired outcome.
Does anyone have any suggestions on how to configure webpack to leave SVGs untouched and treat them like any other image resource?
Interestingly enough, if I include the SVG as an external resource from a different domain, it works perfectly fine.