Sass 更改最终文件上的SCSS变量值
我有两个文件:Sass 更改最终文件上的SCSS变量值,sass,Sass,我有两个文件:\u partial.scss,由文件.scss导入 我在\u partial.scss上有一些变量,我想更改file.scss中变量的值,但更改没有显示出来 假设我有$var:#000000在\u partial.scss中。如果我尝试做$var:#AAAAAA在file.scss上,变量的值不会更改 我做错了什么 守则: _partial.scss: $var: #FFFFFF; body { color: $var; } file.scss: $var: #
\u partial.scss
,由文件.scss
导入
我在\u partial.scss
上有一些变量,我想更改file.scss
中变量的值,但更改没有显示出来
假设我有$var:#000000代码>在\u partial.scss
中。如果我尝试做$var:#AAAAAA
在file.scss
上,变量的值不会更改
我做错了什么
守则:
_partial.scss:
$var: #FFFFFF;
body {
color: $var;
}
file.scss:
$var: #000000;
@import 'partial';
输出为:
body {
color: #FFFFFF;
}
我希望是这样
body {
color: #000000;
}
如果不修改您的\u partial.scss
文件,就没有好办法解决这个问题
如果您想拥有默认变量,您可以在@import
上覆盖这些变量,您需要将它们与一起使用!默认值
:
\u partial.scss:
$var: #FFFFFF !default;
body {
color: $var;
}
$var: #000000;
@import 'partial';
body {
color: black;
}
file.scss:
$var: #FFFFFF !default;
body {
color: $var;
}
$var: #000000;
@import 'partial';
body {
color: black;
}
输出CSS:
$var: #FFFFFF !default;
body {
color: $var;
}
$var: #000000;
@import 'partial';
body {
color: black;
}
否则,最后指定的值将覆盖之前的值
另一个选项是在\u partial.scss
之外的单独文件中定义所有变量(例如\u variables.scss
)。。。然后,您可以在导入\u partial.scss
之前覆盖/修改它们(例如,如果您愿意,可以直接在文件.scss
中),我们可以有一些代码吗?看起来像是添加了!默认关键字修复了这个问题!事实上,我以前尝试过为变量使用不同的文件,但这并没有解决问题。谢谢!