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
中),我们可以有一些代码吗?看起来像是添加了!默认关键字修复了这个问题!事实上,我以前尝试过为变量使用不同的文件,但这并没有解决问题。谢谢!