Files referenced from CSS packaged improperly

[pangyuehung]

Is this a bug report?

Referencing any files from CSS (even placed in /public) appear to get packaged and then referenced incorrectly (using /static/css as the root).

I have tried using: /public/main.css as well as just /src/main.css and referencing an image in /public or even in /src but both end up improperly referenced. So having a line like:

  background-image: url("/images/example.jpg");

No matter what was used as the image path, %PUBLIC_URL%/images/example.jpg or ./images/example.jpg, etc. the actual referenced file ends up being something like /static/css/static/media/example.907d6572.jpg because the path is relative to the CSS file so static/media/example.907d6572.jpg gets appended to /static/css where the stylesheet lives.

Environment

Using with Gitlab CI to deploy to Gitlab Pages

1. node -v: v18.17.
2. npm -v: 10.1.0
3. yarn --version (if you use Yarn): n/a
4. npm ls create-elm-app -g (if you haven’t ejected): create-elm-app@5.22.0

Then, specify:

1. Operating system: Fedora Silverblue 39
2. Browser and version (if relevant): n/a

[pangyuehung]

PUBLIC_URL='/' fixed this, but I would have assumed that was the default. Any idea why this is needed?