Sage 10 + Bootstrap + scss : asset path in scss file


I have replaced Tailwind by Bootstrap and I am now using SCSS as explained in Sage 10.x: CSS Frameworks | Roots Documentation.

In app.scss I am trying to use a path to an image located in resources/images :slight_smile:

background-image: url('../images/logo.png');

It compiles but then the browser loads the image from this URL which does not exist :

It should be :

What is the correct way to call images in SCSS ? Is there a config param to change ?


Found it! Simply set the public path in bud.config.js :


Doc : bud.setPublicPath | bud.js