为gulp设置选项/规则HTML linter

如何设置gulp-htmllint的选项？为gulp设置选项/规则HTML linter

我想排除任何有关缩进样式和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; 
    } 
}

来源

2017-08-27 Mike Lynnick

从未使用过一口，但只是从阅读文档，我可以看到你可以定义一个.htmllintrc文件，并添加选项那里。

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

来源

2017-08-27 22:19:05 ricardoNava

如何定义的.htmllintrc文件？我可以在gulp-htmllint文件夹中找到.eslintrc文件，但仍然无法添加适当的选项。 –

我会在你的项目的根目录中定义它 – ricardoNava

下面是一个.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

我目前享受组建一个buildchain多个环境。要传递开发版本，可以使用常规的非功能html注释。对于prod build，这些不必要的注释应该被删除......这与如何相关的是，我对所有环境使用相同的构建链，并根据需要指定不同的选项文件 - 您可以传递要使用的选项文件和它将覆盖默认的.htmllintrc文件。

options.config

类型：String默认值：.htmllintrc含htmllint选项

配置文件。

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

来源

2018-02-07 15:58:58 BradChesney79

为gulp设置选项/规则HTML linter

回答

相关问题