如何验证scss

Posted 2023-03-06

【中文标题】如何验证scss

【英文标题】：How to validate scss

【发布时间】：2012-12-17 03:19:07

【问题描述】：

我有一个 scss 文件，我使用 scss 将它编译成一个 css 文件。 scss to css编译器检测到scss文件中的错误，但似乎太宽容了。也就是说，即使我错误地输入了样式属性的名称，它也可以毫无错误地编译。当scss文件中的样式属性在css3或导入的功能中不存在时，有没有办法让它返回错误？也有可能为样式写入无效值，但我知道这更复杂，我不是要求这样做。

【参考方案1】：

W3C CSS Validator 周围有一个Ruby wrapper，因此您可以编写一个简单的脚本来检查来自 scss 的输出 css。

我还发现 this 与 Compass 集成，因此如果您使用 Compass 编译您的 scss，它可能会有所帮助。我没有使用过这个，所以我不确定它是如何工作的，但我对W3C CSS Validator 有很好的体验。

【参考方案2】：

我真的很想在 Rails 或我的开发环境中以某种方式内置相同的东西。

我发现这个在线工具非常有用（它可以发现错误，还可以提示我正在做的事情可能会导致意外结果）

http://beautifytools.com/scss-compiler.php

将.scss文件复制粘贴到左侧并点击“编译SCSS”

【参考方案3】：

我建议，如果你想要一个内置到 NodeJS 开发中的验证器（可能还有其他用于不同语言的验证器，但这是我发现的）， scss验证器：https://www.npmjs.com/package/scss-validator

【讨论】：

这个问题往往与 gem 包管理器而不是 npm 相关联，因此 ruby​​ 解决方案可能更合适。