scss引入其他scss变量，并通过js动态修改scss变量

a.scss

.test{
    background:red;
}

b.scss

$bgColor: red;

1.a.scss需要引入b.scss中的变量

a.scss（只要引入成功后，修改b.scss里$bgColor的值，a.scss中的background的值就会跟着改变。）

@import 'b.scss'
.test{
    background:$bgColor;
}

2.需要通过js做到动态修改b.scss变量值

b.scss需要绑定一个变量名，用于js方法中。 （变量名可以任意取，默认值不能是字符串）

//用var来盛放--test变量名，默认值为red，用于js做动态修改
$bgColor: var(--test, red); 

test.js

document.getElementsByTagName('body')[0].style.setProperty('--test', 'yellow');