Node-Sass 不会编译/转译 @use "module"

Posted 2023-03-06

【中文标题】Node-Sass 不会编译/转译 @use "module"

【英文标题】：Node-Sass will not compile/transpile @use "module"

【发布时间】：2020-05-14 03:24:31

【问题描述】：

我正在尝试转译/编译 [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 都是最新版本。

提前感谢您的帮助。 :)

【参考方案1】：

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

@use "module";

功能。

我让它与dart´s sass 一起工作。