sass url() not working in production / staging

[chmich]

Hi, there, after swisscowing (not: googling) two days i came to the point to ask you:

What do i have missconfigured on my vite?

frontend/stylesheets/components/global-select.scss

background-image: url("./../../images/fa-solid/magnifying-glass-lightgray.svg");

is working fine under development, on my local machine, but not after deploying to staging / production. Precompilation while deploying, by capistrano, is running well on that machines, all styles are working, except url().

On Staging, the Firefox Web Inspector says:

(could not load graphic)

How do you insert images?

Thanks,
Christian

[chmich]

found it:

background-image: url("@/images/fa-solid/magnifying-glass-lightgray.svg");

works.
it seems that the @ is referencing to app/frontend/ and on that way its working on all environments.
And, i did not have to configure some aliases like Stackoverflow or plainenglish.io saying. it seems to be be configured by default.

[ElMassimo]

That's correct, Vite Ruby configures ~ and @ import aliases out of the box.

The Migration section in the docs mentions how to reference assets in the project.