Gulp CSS 和 SASS 文件的自定义验证

Gulp custom validation on CSS and SASS files

使用Gulp I have created a simple streamline which validates my CSS and SASS files using csslint。 是否可以以某种方式应用自定义验证条件逻辑? 例如,在我的 SASS 文件中,我想避免使用最多 2 层的嵌套规则。

/* valid rule */
.div
    .div
        color: red

/* invalid rule */
.div
    .div
        a
            color: green

在这种情况下,我的流水线应该在控制台上输出错误。

您应该从 CSS 验证切换到 SASS 验证。一个很好的例子是使用 gulp-scss-lint,它在验证配置上具有更大的灵活性。

配置参数可用here。在行 89 你可以看到你可以限制嵌套深度。

希望对您有所帮助。