如何为所有 scss 文件定义 sass 变量

Question

在我的项目中，我使用了很多 scss 文件（超过 100 个文件）。文件结构类似于 BEM 项目。

scss/
--block/block.scss
----/__elem/block__elem.scss
--menu/menu.scss
----/__elem/menu__elem.scss

等等...
使用 gulp-sass 插件将所有文件编译为 css 文件并连接到 1 css 文件 app.css
我有 2 个 scss 文件的同一个文件夹。

_variables.scss - 用于定义自定义变量
style.scss - 主文件（我用那个文件导入我的变量）。

scss/

_variables.scss

style.scss

在 style.scss 文件中包含带变量的导入行

@import "utilities/variables";

是的，所有变量都成功定义在style.scss文件中，但是如何为其他scss文件定义我的变量（对于文件夹和子文件夹中的所有scss文件）？

对于gulp项目中除style.scss以外的其他文件给出错误信息：

out:     error sass/menu/menu.scss (Line 5: Undefined variable: "$laptop".)

提前致谢。

Answer 1

我解决了这个问题。现在我只是将所有 scss 文件与变量连接起来，然后才将它们连接到通用 css。像这样：

sass/**/*.scss + _variables.scss> app.scss > app.css

How to define sass variables for all scss files