Skip to content

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

@jerrywu001

Description

@jerrywu001

Describe the bug

The latest version has this issue, but nuxt-windicss@2.2.8 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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions