小编nuk*_*elf的帖子

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

我正在尝试转译/编译 [ 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;
}
Run Code Online (Sandbox Code Playgroud)

这是 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"
}
Run Code Online (Sandbox Code Playgroud)

这是我的 cli 输入:

npx node-sass -o ./dist style.scss
Run Code Online (Sandbox Code Playgroud)

node、npm …

css sass node.js npm node-sass

5
推荐指数
1
解决办法
1076
查看次数

标签 统计

css ×1

node-sass ×1

node.js ×1

npm ×1

sass ×1