gulp HTML linterのオプション/ルールを設定する

Question

gulp-htmllintのオプションを設定するにはどうすればよいですか？

インデントスタイルとIDまたはクラススタイルに関するルールを除外したいと考えています。しかし、その文書には、インデントスタイルまたはidクラススタイルのダッシュを持つキーが示されていますが、ダッシュによってコードが分割されます。私はcamelcasingや文字列としてキーを書くことを試みたが、それは違いを生じさせるようではありませんでした。私が理解から

、これはタスクを定義するものである、と私はルールオプションを定義しようとしたところ、これは次のとおりです。

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ファイルを定義し、そこにオプションを追加することができます見ることができないでください。ここで

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

Answer 2

は.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を一緒に入れて楽しんでいます。 devビルドを渡すには、通常の機能していないhtmlコメントが許されます。プロビルドビルドの場合、不要なコメントは削除する必要があります。これは関連性があります。私はすべての環境で同じビルドチェーンを使い、必要に応じて別のオプションファイルを指定しています。デフォルトの.htmllintrcファイルを上書きします。

options.config

型：Stringデフォルト値：htmllintオプションを含む.htmllintrc

設定ファイル。

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