search

halfzebra / create-elm-app

🍃 Create Elm apps with zero configuration
MIT License
1.68k stars 149 forks source link

Files referenced from CSS packaged improperly #614

Open pangyuehung opened 9 months ago

pangyuehung commented 9 months ago

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 commented 9 months ago

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