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

Hi,

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 :
http://www.mywebsite.test/images/logo.png

It should be :
http://www.mywebsite.test/app/themes/soltena/public/images/logo.png

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

Thanks.

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

.setPublicPath(‘app/themes/my-theme/public/’)

Doc : bud.setPublicPath | bud.js