-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Problem resolving path to svg #1760
Comments
Repository owner
deleted a comment from
webdiscus
Jun 8, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Current behaviour 💣
Webpack is emitting my spritesheet, having been loaded by
svg-sprite-loader
and then extracted, but it cannot be resolved. This has happened since upgrading, both webpack from 4 to 5, andhtml-webpack-plugin
to the latest version.An answer to a stackoverflow question suggested that it's related to how it tries to resolve
xlink:href="svg/spritesheet.svg#logo"
in the html. Specifically<svg><use xlink:href="svg/spritesheet.svg#logo"></svg>
SO question
The spritesheet is emitted, but I get the error:
Expected behaviour ☀️
For html-webpack-plugin to treat the asset as it did in older versions
Reproduction Example 👾
Repo
Will leave the problem on the master branch
webpack.config.js from repo:
Asset in html:
<svg class="mx-auto my-16"><use xlink:href="svg/spritesheet.svg#logo"></svg>
Asset import in index.ts:
import './images/logo.svg';
Environment 🖥
Juho in that SO question suggested using his plugin as a fix, which I'm grateful for, and it does work, but I'm more familiar with yours, and I thought this might be of interest? For the time being I'll probably use his or lazy load the svgs in image tags as he suggests.
Apologies for the wall of text!
The text was updated successfully, but these errors were encountered: