Javascript nuxt 2.8中的全局SCSS混合

numxt.config.ts：

  /*
   ** Global CSS
   */
  css: [
    '@/assets/scss/global.scss'
  ],

global.scss中的mixin：

@mixin grid($flex) {
    @if $flex {
        @include flex;
    } @else {
        display: block;
    }
}

---

然后，如果我尝试在组件的SCS中使用这个mixin，它会抛出一个关于缺少mixin的错误。有没有办法在nuxt中使用全局mixin/变量？

要使用mixin，您应该在试图使用mixin的scss文件中导入mixin文件

您可以使用全局导入mixin（和/或变量）

---

有关更多信息，请查看我的答案

要使用mixin，您应该在尝试使用mixin的scss文件中导入mixin文件

您可以使用全局导入mixin（和/或变量） 更多信息请查看我的答案