sass - Gulp 中的 Sass lint 任务 - 代码质量

Question

我最近在 Gulp 的一个附带项目中搬到了 Sass。我习惯了 LESS 开发，我发现很难找到一些工具：

我想在我的项目中保留一个最低代码质量观察者，因为我们不仅仅是一个编写 Sass 的开发人员（不仅仅是语法错误的 linter）

• 我曾经在 LESS > https://github.com/twitter/recess
• 或者在 Grunt 中，Sass 的质量代码 linter (grunt-scss-lint) > https://github.com/ahmednuaman/grunt-scss-lint

我要做的是设置一些质量代码选项，例如：最大嵌套深度、noIds、对类使用破折号……等等。

Gulp 中是否有任何用于代码检查的工具？

Answer 1

还没有在 gulp 中对 SCSS 进行 linting 的资源，所以在我的同事 Juanfran 的帮助下，我们终于可以使用这个gulp-scss-linter 对我们的 sass 代码进行 lint

.scss用于验证文件的Gulp 插件scss-lint

Answer 2

1. 您可以使用Gulp Sass Lint npm 包。

2. 您还可以将Sass Lint Auto Fix npm 包与上述包一起使用，该包将修复 lint 错误。