css - Gulp sass 没有在所有导入中定义变量和混合？

Question

我正在使用 gulp-scss 编译我的 SCSS。我的 styles.scss 文件如下所示:

@import "node_modules/bulma/sass/utilities/initial-variables";
@import "node_modules/bulma/bulma";
@import 'src/styles/navigation';

此代码的第二行导入 Bulma，可以找到其源代码 here .此文件导入一些 utilities ，包括一些mixins我需要。

不幸的是，当我尝试在我的 navigation.scss 文件中使用这些 mixins 时:

@include desktop {
  .navbar {
    min-height: 135px;
  }
}

我收到以下错误:

值得注意的是，如果我直接@import navigation.scss 中的mixins 和变量文件，它工作正常。这里发生了什么？

Answer 1

问题出在我的文件名上。它们前面没有下划线，这似乎是编译器正常工作的约定。于是src/styles/navigation.scss变成了src/styles/_navigation.scss。导入保持不变:

@import 'src/styles/navigation';