代码之家 › 专栏 › 技术社区 › Dmitriy Doronin

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

gulp-sass sass

Dmitriy Doronin · 技术社区 · 7 年前

文件结构类似于 边界元法

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

应用程序。css

_变量。scss
风格scss

scss/

_variables.scss

style.scss

在里面包含变量的导入行的文件

@import "utilities/variables";

对于其他文件,除了 风格scss 在里面吞咽 project发出错误消息:

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

1 回复 | 直到 7 年前

Dmitriy Doronin 7 年前

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

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

推荐文章

delves · Sass不识别变量

3 年前

Nathan Huber · 如何在React 18中使用“useEffect”

3 年前

Janosz ÐÑÐ°ÑÐ¸ÑÐ½Ð¸Ðº · 如何瞄准这个i标签

3 年前

Henry · scss或css中的calc函数不起作用

3 年前

Nam Van · 如何在React中使用自定义主题颜色。js,CSS(SCSS)模块,Bootstrap5

3 年前

rook99 · 无法加载图标的字体

7 年前

Glen Elkins · SASS新手-不编译

7 年前

Toki · SASS在Sublime Text-Compile main中。保存任何@导入文件时的scss

7 年前

zed · 防止SCS编译CSS变量-Angular CLI

7 年前

sliptype · 使用Webpack提取CSS时抑制模块输出

7 年前