At import rule issue with bundle.css file

[jamestagal]

Hi @jimafisk

I am getting an issue from the following site, about the bundle.css file being ignored because of @import rule not being defined.

https://capital-tigers.netlify.app/

The message in the console say: Define @import rule at the top of the stylesheet

An @import rule was ignored because it wasn't defined at the top of the stylesheet. Such rules must appear at the top, before any style declaration and any other at-rule with the exception of @charset and @layer.

Effective resource
bundle.css:1

I believe that the bundle.css is the minified generated css file that get output to the public dir at build time so not sure how or if I should be injecting that file back into my local css files with a @import rule?

Is there any way to define this file in Plenti as recommended here?

Best regards,
Ben

[jimafisk]

I believe that the bundle.css is the minified generated css file that get output to the public dir at build time

Yes that's correct!

not sure how or if I should be injecting that file back into my local css files with a @import rule?

Can you explain more about what you're trying to @import? This is usually used to import style rules from other valid stylesheets. Plenti should already be aggregating your scoped styles and you can define global styles in your static dir as well. Thanks!

[jamestagal]

Hi Jim,

Thanks. So it sounds like I can just ignore this one then...I saw this message flagged as an issue when in the code inspector tools on the site. And because I had seen the bundle.css being referred to on Google's pages peed score perviously for things like render blocking resource, unused CSS or late network requests I wondered whether this is an issue that I should try to fix.

Thanks for clarifying Jim. 😸