[bug][docs]: Docs server not compiling component CSS

[adamjohnson]

Describe the bug

If you visit a demo of any component on localhost:8080 and change that component's CSS, those changes are not reflected in the localhost:8080 demo.

They are reflected in the dev server (localhost:8000).

Steps to reproduce

1. In your terminal, do a clean install of staging/clefairy or any branch off of clefairy.
2. Type npm run start
3. Visit http://localhost:8000/elements/badge/demo/
4. Note the badges are styled.
5. Delete all the CSS inside elements/rh-badge/rh-badge.css.
6. Refresh http://localhost:8000/elements/badge/demo/. Note the lack of styles.
7. Now visit the docs server: http://localhost:8080/elements/badge/demo/
8. Note that, on the docs server with no CSS to style a badge, the badge still appears styled

You can follow these same steps with any component—not just badge.

Expected behavior

The docs server should watch and compile CSS changes to components so that you can view their demos.

Operating System (OS)

iOS, macOS, Linux, Windows

Browser

Chrome, Safari, Safari iOS, Microsoft Edge, Firefox

[bennypowers]

Screencast.from.2024-09-19.14-10-48.mp4

[adamjohnson]

Looks like you're on the dev server (8000), not the docs server (8080).

This issue still exists in my testing on staging/clefairy.

[bennypowers]

Gotcha. Known issue. Huge headache. Maybe eleventy 3 will help (wishful thinking). Kicked to cubone, with apologies.