rollup-plugin-css-only icon indicating copy to clipboard operation
rollup-plugin-css-only copied to clipboard

Css @import is not top level

Open mecirmartin opened this issue 2 years ago • 0 comments

Hi, i'm using your plugin to process css and i'm using single @import statement which loads google fonts (i want to have one single .css file in bundle). However this @import statement is not on the top level of bundled index.css and because of this, it won't load fonts on the website. I'm importing the style sheet index.css with @import right inside /src/index.ts which is also entry point for the bundler, so according to my logic this .css file should be processed first.

Is there any config that i'm unaware of? Or how could i achieve using @import statement and generating valid bundle with your plugin?

Thanks

mecirmartin avatar Aug 25 '21 06:08 mecirmartin