Postcss语法无声地错误

Question

所以我目前正在建立一个只有postcss并完全放弃scss的项目。我挣扎的一件事是，如果语法失败，则没有任何错误报告。

例如，我添加了precss插件，当我拼写一个变量错误时：

$somevar: #000;
.body{
  color:$oopsvar;
}

显然在SCSS中它会抛出错误并告诉我$ oopsvar不存在。但它只是解析它并返回：

.body{
  color:$oopsvar;
}

这显然不是有效的。我已经添加了postcss-reporter，postcss-devtools甚至试图查看stylelint中是否有任何可能显示错误的规则，但没有。

现在我不确定它是否仅仅是插件的问题就像在使用postcss时我所缺少的整体情况一样。其他人如何调试postcss，或者只是检查浏览器？

Answer 1

如果要查找所有错误，则应使用linter。 Stylelint将是不错的选择（基于PostCSS）。

PostCSS用于许多CSS工具中。其中一些工具使用自定义语法。这就是PostCSS可以解析自定义语法的原因（$somevar: #000;被解析为$somevar属性）。

Answer 2

所以我做了一些调查并在postcss gitter

上聊了聊

在postcss中有一种显示warnings和errors的内置方式，但是由于插件的方法，它可以由各个插件创建者实现。我对precss所遇到的问题并未得到维护，因此问题是他们没有显示任何警告。虽然语法略有不同，但我们更倾向于使用维护得很好的cssnext，因为它使用了提议的css变量而不是scss语法。

如果实施警告和错误，您还需要postcss-reporter。