文件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">
}
}
}
}
如何修复它？
//UPDATE
因为发现问题所以改了问题，但是还是不知道怎么解决