qwik: Pure qwik app/library: CSS from library doesn't load in the app by default

Qwik Version

0.0.39

Operating System (or Browser)

windows

Node Version (if applicable)

No response

Which component is affected?

Qwik Rollup / Vite plugin

Expected Behaviour

1. Create a component library from starter and add a component which imports styles in module.css.
2. Build the component library to produce the /lib/ folder content. This produces a concatenated .css file.
3. Create a qwik app and npm link to the library. Add the component to your page.

Expected: Component renders and is styled.

Actual Behaviour

Component renders and is missing styling. It is ok if there is a manual step here as long as it’s documented somewhere, but I’m not sure what the strategy currently is. Either it should just work, or there should be some docs here.

I also want to suggest: concatenating the css at the library layer seems less ideal. If I export 20 components and the consumer uses 3 of them, I’d prefer to only have 3 modules worth of styling processed.

A better approach perhaps: let the library emit extractable but functional intermediate output so that optimization can happen later. Make the app build extract the module css referenced in the build graph and do this work once we understand the bundle output.

This essentially is what we are working on here: https://github.com/microsoft/griffel (runtime injectable css but extractable at app build time.) Similar to stylex from facebook or Linaria.

Additional Information

No response