Sass lint task in Gulp - Code quality

Question

I recently moved to Sass in a side project with Gulp. I'm used to LESS development and I'm finding hard to find some tools:

I want to keep a minimum code quality watcher in my project since we are more than one developer writting Sass (not only a linter for syntax errors)

I used to do it with recess for LESS > https://github.com/twitter/recess
Or in Grunt, a quality code linter for Sass (grunt-scss-lint) > https://github.com/ahmednuaman/grunt-scss-lint

What I'm trying to do is to set some quality code options like: maximum nesting depth, noIds, using dashes for classes...etc.

Is there any tool in Gulp for code linting?

As a workaround I'm using gulp-csslint but there should be a tool for linting before compiling > https://github.com/lazd/gulp-csslint — Xaviju, Apr 15 '14 at 13:52

score 2 · Accepted Answer · answered Apr 25 '14 at 12:07

2

There was no resources for linting SCSS in gulp yet so, with the help of my colleague Juanfran, we can finally lint our sass code with this gulp-scss-linter

Gulp plugin to validate .scss files with scss-lint

answered Apr 25 '14 at 12:07

Xaviju

250
4
12

score 1 · Answer 2 · answered Feb 10 '20 at 06:59

1

You can use Gulp Sass Lint npm package.
You can also use Sass Lint Auto Fix npm package with the above package which will fixes lint errors.

answered Feb 10 '20 at 06:59

Anjana Kumari

78
8

gulp-sass-lint is currently unmaintained. https://github.com/sasstools/sass-lint – glend Jan 04 '21 at 14:46

Sass lint task in Gulp - Code quality

2 Answers2