Как линтить less с помощью gulp?

Question

[Сергей Бурдужа]

Здравствуйте.
Есть плагин для линтинга - gulp-stylelint https://github.com/olegskl/gulp-stylelint
Только, как я понимаю, он линтит только css файлы.
А как насчет less?

Мне нужно правильно сортировать свойства как описаны в файлы .stylelintrc

Answer 1

[sim3x]

https://www.npmjs.com/package/gulp-lesshint

Comments

[Сергей Бурдужа]

Да, но в этом плагине этот файл называется stylehintrc, в этом есть существенная разница?
Или использовать этот способ https://www.master-web.info/kak-lintovat-vash-sass... ?

[sim3x]

Сергей Бурдужа,
В конфиге можно указать свое имя

Нет, способ с непонятного сайта лучше не использовать

ПС: мое имо - видите постцсс в статье закройте и поищите нормальный способ сделать задачу

[Сергей Бурдужа]

sim3x, Понятно, попробую ваш способ, потом отпишусь.

[Сергей Бурдужа]

sim3x, Я скопировал код, установил gulp-lesshint и запустил task lint, в результате ошибка

serii@serii-desktop /var/www/barbershop.loc $ gulp lint
[23:31:32] Using gulpfile /var/www/barbershop.loc/gulpfile.js
[23:31:32] Starting 'lint'...
[23:31:34] 'lint' errored after 1.25 s
[23:31:34] TypeError: reporter.report is not a function
    at DestroyableTransform.through.obj [as _flush] (/var/www/barbershop.loc/node_modules/gulp-lesshint/index.js:84:18)
    at DestroyableTransform.prefinish (/var/www/barbershop.loc/node_modules/readable-stream/lib/_stream_transform.js:138:10)
    at DestroyableTransform.emit (events.js:182:13)
    at DestroyableTransform.EventEmitter.emit (domain.js:460:23)
    at prefinish (/var/www/barbershop.loc/node_modules/readable-stream/lib/_stream_writable.js:619:14)
    at finishMaybe (/var/www/barbershop.loc/node_modules/readable-stream/lib/_stream_writable.js:627:5)
    at endWritable (/var/www/barbershop.loc/node_modules/readable-stream/lib/_stream_writable.js:638:3)
    at DestroyableTransform.Writable.end (/var/www/barbershop.loc/node_modules/readable-stream/lib/_stream_writable.js:594:41)
    at DestroyableTransform.onend (/var/www/barbershop.loc/node_modules/readable-stream/lib/_stream_readable.js:577:10)
    at Object.onceWrapper (events.js:273:13)

[sim3x]

Сергей Бурдужа,
Код таска?

[Сергей Бурдужа]

sim3x, Не понимаю, что собрал?

const lesshint = require('gulp-lesshint');

gulp.task('lint', () => {
    return gulp.src('./src/**/*.less')
        .pipe(lesshint({
            // Options
        }))
        .pipe(lesshint.reporter('reporter-name')) // Leave empty to use the default, "stylish"
        .pipe(lesshint.failOnError()); // Use this to fail the task on lint errors
});

Код со страницы с документации

[sim3x]

Сергей Бурдужа,

.pipe(lesshint.reporter()) 
/* Leave 
>>>>>>>>> empty <<<<<<< 
to use the default, "stylish" */

[sim3x]

Сергей Бурдужа, но ета фигня тянет в зависимостях постцсс непонятно зачем

Завтра поищу человеческую реализацию

[Сергей Бурдужа]

sim3x, Хорошо. А то у меня уже дым из ушей валит.
И, вообще, для кого все эти разработчики пишут документацию?
Для самих себя.

[sim3x]

Сергей Бурдужа,

попробуйте вот такое
lesscss.org/usage/#less-options-lint

.pipe(less({
paths: [ path.join(__dirname, 'less', 'includes') ],
lint: true                                                                                                                                                                  
}))

оно правда не фиксит форматирование, но ошибки показывает

[Сергей Бурдужа]

sim3x, Спасибо. Я еще поищу.

[sim3x]

Сергей Бурдужа,

И, вообще, для кого все эти разработчики пишут документацию?

ну вообще там написано, что нужно вставить свой форматтер или оставить пустым