节点-sass 无效 CSS

Question

node-sass 是否支持 @use ？由于我收到此错误：

SassError: Invalid CSS after "...t-family: fonts": expected expression (e.g. 1px, bold), was ".$roboto;"

这是Nav.scss的代码：


.nav {
  width: 100%;
  font-family: fonts.$roboto;

  &__item {
    margin-bottom: 10px;
    font-size: variables.$a;

    &_active {
      color: rgb(37, 133, 34);
    }
  }

  &__item:last-child {
    margin-bottom: 0px;
  }
}

这是fonts.scss的代码：

$roboto: 'Roboto';

Answer 1

节点语法不正确-sass。

您已经在 fonts.scss 中正确定义了字体变量，但是如果您还没有将字体文件导入到 Nav.scss 文件中，则需要：

@import "PATH/fonts.scss";

然后您只需要像这样引用变量：

font-family: $roboto;

节点-sass 无效 CSS

node-sass invalid CSS

css

sass

node-sass