Sass scss不编译：root

文件a.scss：

$myVariable:#ffffff;

文件b.scss：

@import './a.scss';

 //does not work
:root{
   --root-variable:$myVariable; 
}

//works
.myClass{
    color:$myVariable; 
}

编辑器在b.scss文件中看到myVariable的值。但是在页面上编译之后，如果查看属性，它看起来是这样的：

--根变量：$myVariable

但预期：

--根变量：#ffffff

网页：

{
  test: /\.vue$/,
  exclude: /(node_modules|bower_components)/,
  use: {
       loader: 'vue-loader',
       options: {
              loaders: {
                        scss: 'vue-style-loader!css-loader!sass-loader', // <style lang="scss">
                        sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax' // <style lang="sass">
                        }
                 }
        }


}

---

我改变了这个问题，因为我发现了这个问题，但我仍然不知道如何解决这个问题。对于现在遇到这个问题的人来说，这是因为Sass 3.5中的一个变化，它是

在定义自定义CSS变量时使用Sass变量现在需要稍微不同。这曾经奏效：

:root {
   --root-variable: $myVariable; 
}

但现在你应该这样做：

:root {
   --root-variable: #{$myVariable}; 
}

---

对于现在遇到这种情况的人来说，这是由于Sass 3.5中的一个变化，而Sass 3.5

在定义自定义CSS变量时使用Sass变量现在需要稍微不同。这曾经奏效：

:root {
   --root-variable: $myVariable; 
}

但现在你应该这样做：

:root {
   --root-variable: #{$myVariable}; 
}

---

你在使用

？@Jacob Goh，Yes@JacobGoh，我改了问题你用的是

？@Jacob Goh，Yes@Jacob吴，我改变了问题