nuxt 2.8中的全局SCSS mixins

Question

nuxt.config.ts：

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

global.scss中的

mixins：

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

然后，如果我尝试在组件的scss中使用此mixin，则会引发有关缺少mixin的错误。有没有办法在nuxt中使用全局mixins /变量？

Answer 1

要使用mixin，您应该在试图使用mixin的scss文件中await个mixin文件。

您可以使用sass-resources-loader全局导入混合（和/或变量） 有关更多信息，请查看我的答案here