用节点SASS编译sass@函数

Question

在使用node-sass将我的SASS文件编译为CSS时，SASS函数没有编译。但是，在运行命令时不会引发错误。

我的函数是在一个_function.scss部分中定义的，它被导入到一个settings.scss文件中，而这个文件又被导入到我所有的SASS文件中。

@function rem($value) {
  $remValue: calc($value / $root) + rem;

  @return $remValue;
}

使用函数

.tabs__trigger {
  height: rem(5);
 }

在使用node ./node_modules/node-sass/bin/node-sass -o dist/css src/scss编译文件之后，生成的CSS文件具有

.tabs__trigger {
  height: calc($value / $root)rem;
}

那么，是否有任何标志或配置来使用node编译SASS函数？

Answer 1

您需要对变量进行内插，以便它们能够正确编译。

@function rem($value) {
  $remValue: calc(#{$value} / #{$root}) + rem;

  @return $remValue;
}

假设您想要创建一个基于根的rem值，您可以执行以下操作：

@function rem($value) {
  @return #{$value / $root} + rem;
}