javascript - 为 gulp HTML linter 设置选项/规则

Question

如何设置 gulp-htmllint 的选项？

我想排除与缩进样式和 id 或类样式有关的任何规则。但是，它的文档显示了那些具有破折号的键，例如缩进样式或 id-class 样式，但破折号会破坏代码。我尝试使用驼峰式大小写或将键写成字符串，但这似乎没有什么不同。

据我了解，这是定义任务的内容，也是我尝试定义规则选项的地方:

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;
  }
}

Answer 1

这是 .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 位于同一目录中。 (考虑到这些文件的 super 常见放置...)您将上述选项放在纯文本文件中并将其命名为“.htmllintrc”。没有文件扩展名，它的字面意思是“.htmllintrc”。

盗自:https://github.com/thisissoon/angular-start/blob/master/.htmllintrc

我目前很享受为多个环境构建一个构建链。要通过开发构建，允许使用常规的非功能性 html 注释。对于产品构建，应删除那些不必要的注释...这与我对所有环境使用相同的构建链并根据需要指定不同的选项文件的相关性——您可以传递要使用的选项文件和它将覆盖默认的 .htmllintrc 文件。

options.config

Type: String Default value: .htmllintrc

Configuration file containing htmllint options.

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