Breaks on external @import

[michaelowens]

Describe the bug
When using external imports (e.g. Google Fonts) it seems like windi doesn't parse the url properly. I think it might see it as a comment due to // in the url.

Minimal Reproductions
A clean vite/vue/windi set up is enough. I only added a style.css with an @import to a google font:
https://github.com/michaelowens/windi-import-bug

Versions

• vite-plugin-windicss: 0.10.2
• vite: 2.1.2
• framework(vue/react/svelte/etc): vue

Additonal Context
Here you can see it seems to cut off the url:

[antfu]

Fixed with #191

[michaelowens]

I have updated to 2.5.6 and the issue persists. I've updated the git repo above to use 2.5.6 where the issue can still be reproduced. @antfu

[michaelowens]

I see a test was added and it seems to pass successfully, yet after updating the issue still persists in the repo above after updating to 2.5.7.

[schelmo]

i think vite-plugin-windicss needs to be updated. windicss is included in the build of @windicss/plugin-utils and still is on 2.5.5

[antfu]

Confirmed we have some externalizing issue in the vite plugin, which should be fixed now. Can you try with v0.10.3? Thanks

[michaelowens]

Just confirmed it works 🎉 Thanks!

[sooxt98]

I'm looking for this too XD, i thought something wrong with postcss; fixed by upgrading @windicss/plugin-utils