css - Sass 没有给出缺少导入函数的错误

Question

TLDR:

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

---

我创建了一个 sass 函数:

$spacing: 5px;

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

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

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


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

在一个文件中，我忘记导入函数文件，但我没有得到任何错误。相反，sass 输出 margin-top: spacing(2)

当然这不是有效的 css 规则。

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

Answer 1

默认情况下，Sass 将其视为常规值，因此它不会通知您此类错误。您可以做的最好的事情是将 SCSS-lint 添加到您的元素中 - 有一个规则“PropertySpelling”可以防止具有无效属性。参见 description of this rule .或者，如果您决定使用 Sass-lint(推荐的解决方案)，它的规则名为 no-misspelled-properties哪个应该适合你