Skip to content

Windicss do not take effect when using @import with css or scss file #194

Open
@jerrywu001

Description

Describe the bug

The latest version has this issue, but [email protected] take effect

Online demo: https://stackblitz.com/edit/nuxt-starter-7yncsv?file=assets%2Fpost.css

Windicss do not take effect when using @import with CSS or Scss file. Code:

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['nuxt-windicss'],
  css: ['~/assets/post.css'],
});
/** post.css **/
@import 'prose/p.css';

/** if not use @import, it is correct **/
// .article {
//   p {
//     @apply my-4 leading-relaxed text-blue-500;
//   }
// }
<template>
  <div class="article">
    <p>Hello world!</p>
  </div>
</template>

image

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions