Support import external CSS files

Problem

Because Tailwind CSS use Post CSS for their CSS Processor, you can use postcss-import plugin to import external CSS file into your project. To prevent using Post CSS in Windi CSS project, how i can import external CSS into my project?

Example

Example @import syntax from postcss-import plugin:

@import 'swiper/dist/swiper.min.css';

Solution

I think we can create another Windi CSS plugin to handle @import syntax, or we can add @import syntax to a core of directives feature.

Let me know how your opinion about this problem and what the solution can i do.

[S1SYPHOS]

Bumping this as I’d really like to see this feature to include vendor styles, like @lamualfa (swiper) etc …

[alexanderniebuhr]

Would this work for your use case? If not, what features are u missing?

<script>
import 'assets/external.min.css';
</script>