Node-Sass 不会 compile/transpile @use "module"

Question

我正在尝试 transpile/compile [https://sass-lang.com/documentation/at-rules/use#load-paths]

提供的以下示例

// src/_corners.scss
$radius: 3px;

@mixin rounded {
  border-radius: $radius;
}

// style.scss
@use "src/corners";

.button {
  @include corners.rounded;
  padding: 5px + corners.$radius;
}

这是 node-sass 给我的错误：

{
  "status": 1,
  "file": "C:/Users/path/scss_mixins/style.scss",
  "line": 4,
  "column": 12,
  "message": "Invalid CSS after \"  @include corners\": expected \"}\", was \".rounded;\"",
  "formatted": "Error: Invalid CSS after \"  @include corners\": expected \"}\", was \".rounded;\"\n        on line 4 of style.scss\n>>   @include corners.rounded;\r\n   -----------^\n"
}

这是我的 cli 输入：

npx node-sass -o ./dist style.scss

node、npm 和 node-sass 都是最新版本。

提前感谢您的帮助。 :)

Answer 1

我发现基于 libsass 的 node-sass 目前不支持

@use "module";

特征。

我让它与 dart´s sass 一起用于节点。

Node-Sass 不会 compile/transpile @use "module"

Node-Sass will not compile/transpile @use "module"

css

sass

node.js

npm

node-sass