Bug: Ordering inconsistent when using multiple inputs in rollup
Summary
There is code to order css that is imported in a deterministic order based on the order that it is imported into files. This works great when there is only 1 input file, but when multiple input files are used in rollup, then the output ends up putting all css from the non-first inputs at the top in resolve order (as long as it is not as well imported into the first input). This creates inconsistent outputs that can cause overrides to work incorrectly.
Replication
https://stackblitz.com/edit/vitejs-vite-bgp6mc?file=rollup.config.js&view=editor
- run
npm run build
Expected Results
The resulting dist/index.css should not put the css from the second input before the shared css.
Actual Results
The second inputs non-shared css is placed first, and then everything is ordered as intended.
How does funding with Polar work?
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too