I have strange problem while trying to put svgs in SCSS. What I’m doing:
What I’m getting in output CSS:
As you can see there’s some unnecessary slash.
I don’t have this problem with jpgs and pngs.
I’ve just encountered the same issue, using the latest Sage 10.
You can add me to the list of people with this issue. It looks like the image is being processed twice:
bud … images/nav-bg.svg cached ✘ min 6.48 kB
bud … images/nav-bg/.svg cached ✘ min 6.48 kB
And it doesn’t work on the site, because it’s looking for a directory named
nav-bg and a file named
Just for giggles I tried both dev and build and both result in the same outcome.
Also when building it does generate both as shown by Bud (with and without slash), but it’s looking for the second incorrect version instead of the first.
unfortunately i have the same problem.
works well with jpg/png file.
Update to Bud 5.3.1 and update bud.config.js as below
module.exports = (app) =>
'@fonts': app.path('src', 'fonts'),
'@images': app.path('src', 'images'),
'@scripts': app.path('src', 'scripts'),
'@styles': app.path('src', 'styles'),
Sorry I didn’t respond sooner, everyone. This issue is fixed in 5.3.0 and shouldn’t require further workarounds.
so i have 404 images in the template now.
update2: build after again the pictures 404.
for build this is good:
for dev this is good:
Any additional problems were fixed in the Acorn 2 release (by https://github.com/roots/acorn/pull/190).