Css Sass未给出缺少导入函数的错误

TLDR：

为什么sass不给我一个错误，说我忘了导入自定义函数

---

我创建了一个sass函数：

$spacing: 5px;

@function spacing($multiplier) {
  @return $spacing * $multiplier;
}

我在很多地方都用过，例如

@import '../../styles/spacing.scss';


.item {
    margin-top: spacing(2);
}

在一个文件中，我忘记导入函数文件，但没有得到任何错误。而是sass输出

页边距顶部：间距（2）

当然，这不是一个有效的css规则

---

如何获取sass错误以防止再次发生这种情况？

根据默认设置，sass将其视为常规值，因此不会通知您此类错误。您可以做的最好的事情是将SCSS lint添加到您的项目中—有一条规则“PropertySpelling”，它可以防止出现无效属性。看见或者，如果您可能决定使用Sass lint（推荐的解决方案），它有一个名为的规则，该规则应该为您实现这一技巧