nuxt-windicss icon indicating copy to clipboard operation
nuxt-windicss copied to clipboard

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

Open jerrywu001 opened this issue 3 years ago • 2 comments

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

jerrywu001 avatar Nov 29 '22 02:11 jerrywu001

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

jerrywu001 avatar Nov 29 '22 02:11 jerrywu001

me too

raind33 avatar Feb 16 '23 09:02 raind33