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 中是否有任何用于代码 linting 的工具？

Answer 1

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

对我们的 sass 代码进行 lint

Gulp plugin to validate .scss files with scss-lint

Answer 2

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

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