Какой linter лучше для SCSS?

Question

[Богдан]

Какой linter лучше для SCSS? Есть ли аналог как для JS -> ESLint?

Answer 1

[Negwereth]

Осмелюсь предположить? https://github.com/brigade/scss-lint/

Comments

[Иван]

а для чего нужен данный инструмент?

[Богдан]

Спасибо. А что скажете по-поводу StyleLint или он хуже работает с SCSS?

[Negwereth]

Богдан: если честно, то ничего не скажу на данный момент, мы используем PostCSS + CSSnext и линтер у меня встроенный в VSCode, в общем, справляется.

Answer 2

[Миша]

Самый лучший - stylelint.

Не тащит за собой ruby.
Отлично работает с SCSS.
Имеет крутой визуальный генератор конфига.

Вот хорошая обзорная статья на хабре.

Comments

[Богдан]

сенкс, а не подскажите, он нормально интегрируется с gulp, просто например ESLint при watсh перебирает все файлы, если даже изменения были только в одном? И какую среду разработки Вы используете, а то что-то в Atom я начал разочововыться, очень много глюков на ESLinter?

[Миша]

Богдан: я юзаю его вместе с PostCSS, никогда не было никаких проблем gulp. Чтобы линтились только измененные файлы, настройте правильно gulpfile.js. Редактор - VS Code.

[Богдан]

Ну вроде все правильно, ничего ненагуглил по этому вопросу
Вот у меня настроено так

'use strict';

import {src, dest, watch, parallel, series} from 'gulp';
import eslint from 'gulp-eslint';

export const bEsLint = () => src('src/js/**/*.js')
  .pipe(eslint())
  .pipe(eslint.format());

// Watch Task
export const devWatch = () => {
  watch('src/js/**/*.js', bEsLint);
};

export default devWatch;

[Миша]

Богдан: почитайте про gulp-newer или gulp-changed.

[ko22012]

При запуске stylelint --fix, sass файлы перезатираются и удаляются import строки.
Также не смог подружить его с media.