Sass @使用时未部分加载

Question

[我正在尝试导入一个Sass部分（_variables.scss）以在我的主样式表（global.scss）中使用，但是在sass编译时我一直得到Error: Undefined variable.。

目录结构：

app
└─public
  └─styles
    │  global.css (output for sass compiling is here).
    └─sass
      └─_variables.scss
      └─global.scss

_ variables.scss

$font-text: 'lato', sans-serif;

global.scss

@use '_variables';

body {
  font-family: $font-text;
}

[看着Sass documentation，我知道使用@use代替@import（有效），因为他们正在逐步淘汰它。

我在这里做错了什么？谢谢。

Answer 1

这是因为您没有使用支持此功能的Dart Sass。

也在文档中，您还会找到：

仅Dart Sass当前支持@use。其他实现的用户必须改用@import规则。

因此使用@import，直到支持@use。