Is there a way to always extract inlined CSS to its own file?

[andyjessop]

When building, inlined CSS seems to be treated as any other import, so if only one file is importing it, it will be bundled with it. However, I would like CSS to always be extracted to its own file. Is this possible?

[chaejunlee]

Try adding ?inline to the import of css file to make the CSS extract to its own file. https://vitejs.dev/guide/features#disabling-css-injection-into-the-page

import otherStyles from './bar.css?inline'

[andyjessop]

That just imports it as a string, so it's included in the JS bundle.

[chaejunlee]

Can you explain more of what you are trying to do?