Hi there!

I was super hyped when I heard Phoenix 1.6 dropped anything to do with Node! Saves such headaches, but I instantly got a new headache after that…

I’m trying to load an image into my assets/css/app.css. The image itself is stored in priv/static/images/background.jpg.

I want to note that I can access the image wile going to http://localhost:4000/images/background.jpgand using

When I try to use background-image: url('/images/background.jpg'); I get the following error:

[watch] build started (change: "css/app.css")
 > css/app.css:19:26: error: Could not resolve "/images/background.jpg"
    19 │     background-image: url('/images/background.jpg');
       ╵                           ~~~~~~~~~~~~~~~~~~~~~~~~

1 error
[watch] build finished

Then I did try to put a relative path: background-image: url('../../priv/static/images/background.jpg'); and I got this error:

[watch] build started (change: "css/app.css")
 > css/app.css:19:26: error: No loader is configured for ".jpg" files: ../priv/static/images/background.jpg
    19 │     background-image: url('../../priv/static/images/background.jpg');
       ╵                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1 error
[watch] build finished

Is there something I need to configure first in order for esbuild to look at my images?