Sass：@use产生错误，未定义变量

Question

我正在使用Sass，想使用@use而不是@import关键字。因为@import存在许多错误问题。同样只有dart-sass支持此功能，我将node-sass更改为dart-sass。但是，发生了问题。

我的原始代码

@import '@carbon/colors/scss/colors'

dart-sass和@use应用的代码

@use '@carbon/colors/scss/colors'

错误：未定义的变量。

我该如何解决？

Answer 1

问题可能是@use向变量添加了名称空间–为了像以前一样继续使用变量（像color: $variable而不是color: namespace.$variable），您需要导入它像这样：

@use '@carbon/colors/scss/colors' as *;

根据official docs。

Answer 2

dart sass 现已弃用，请改用 npm sass（新版本的 dart sass）； https://www.npmjs.com/package/sass