css - 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 *;

根据官方文档。