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

Question

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

table-cell

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

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

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

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

scss/

_variables.scss

style.scss

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

对于 gulp 项目中 style.scss 以外的其他文件，会显示错误消息：

@import "utilities/variables";

提前致谢。

Answer 1

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

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