Установить параметры / правила для gulp HTML linter

Question

Установить параметры / правила для gulp HTML linter

1

Как установить параметры для gulp-htmllint?

Я хочу исключить любые правила, относящиеся к стилю отступа и стилю id или класса. Однако в его документации показаны ключи для тех, у которых есть дефисы, ex indent-style или id-class-style, но тире разбивает код. Я попробовал верблюжку или писать ключи в виде строки, но это, похоже, не изменило ситуацию.

Насколько я понимаю, именно это определяет задачу, и именно здесь я попытался определить параметры правила:

gulp.task('default', function() {
 return gulp.src('src/index.html')
    .pipe(htmllint({
      indent-style: false,
      id-class-style: false
    }, htmllintReporter));
});

И это функция, которая определяет, что вы увидите в терминале:

function htmllintReporter(filepath, issues) {
 if (issues.length > 0) {
    issues.forEach(function (issue) {
     gutil.log(gutil.colors.cyan('[gulp-htmllint] ') + 
     gutil.colors.white(filepath + ' [' + issue.line + ',' + 
     issue.column + ']: ') + gutil.colors.red('(' + issue.code + ') ' + 
     issue.msg));
  });
   process.exitCode = 1;
  }
}

Mike Lynnick 28 авг. 2017, в 00:14

Источник

Теги:

javascript

gulp

lint

2 ответа

Ещё вопросы

BradChesney79 · Answer 1 · 2018-02-07T13-57-00.000Z

Ниже приведен пример содержимого файла.htmllintrc:

{
  "attr-name-style": "dash",
  "attr-quote-style": "double",
  "id-class-style": "dash",
  "indent-style": "spaces",
  "indent-width": 2,
  "line-end-style": "lf",
  "attr-req-value": false,
  "html-req-lang": true,
  "title-max-length": 120,
  "img-req-src": false,
  "tag-bans": ["!style"]
}

Это буквально идет в том же каталоге, что и ваш gulpfile.js или Gruntfile. js-- тот же каталог, что и ваш package.json. (Учитывая супер общее размещение этих файлов...) Вы помещаете вышеуказанные параметры в текстовый файл и назовите его ".htmllintrc". Нет расширения файла, его буквально называют просто ".htmllintrc".

Украдены: https://github.com/thisissoon/angular-start/blob/master/.htmllintrc

В настоящее время я наслаждаюсь созданием связки для нескольких сред. Чтобы передать конструкцию dev, допускаются регулярные нефункциональные комментарии HTML. Для сборки prod эти ненужные комментарии следует удалить... Насколько это важно, я использую одну и ту же самую цепочку для всех сред и указывая другой файл параметров как needed--, вы можете передать, какой файл параметров вы хотите использовать, и он переопределит файл по умолчанию.htmllintrc.

options.config

Тип: String Значение по умолчанию:.htmllintrc

Файл конфигурации, содержащий параметры htmllint.

https://github.com/yvanavermaet/gulp-htmllint#optionsconfig

ricardoNava · Answer 2 · 2017-08-27T20-01-00.000Z

Никогда не использовал глоток, но только после чтения документов, которые я вижу, вы можете определить файл .htmllintrc и добавить туда варианты.

{
    "indent-style": false,
    "id-class-style": false
}

Как определить файл .htmllintrc? Я мог найти файл .eslintrc в папке gulp-htmllint, но все еще не мог добавить правильные параметры.
Я бы определил это в корне вашего проекта