• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

bezoerb/gulp-htmlhint

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

bezoerb/gulp-htmlhint

开源软件地址(OpenSource Url):

https://github.com/bezoerb/gulp-htmlhint

开源编程语言(OpenSource Language):

JavaScript 100.0%

开源软件介绍(OpenSource Introduction):

gulp-htmlhint NPM version Build Status

htmlhint wrapper for gulp to validate your HTML

Usage

First, install gulp-htmlhint as a development dependency:

npm install --save-dev gulp-htmlhint

Then, add it to your gulpfile.js:

var htmlhint = require("gulp-htmlhint");

gulp.src("./src/*.html")
	.pipe(htmlhint())

API

htmlhint([options [, customRules]])

options

See all rules here: https://github.com/HTMLHint/HTMLHint/wiki/Rules

If options is empty, the task will use standard options.

options.htmlhintrc

Type: String
Default value: null

If this filename is specified, options and globals defined there will be used. Task and target options override the options within the htmlhintrc file. The htmlhintrc file must be valid JSON and looks something like this:

{
  "tag-pair": true
}
var htmlhint = require("gulp-htmlhint");

gulp.src("./src/*.html")
	.pipe(htmlhint('.htmlhintrc'))

customRules

Type: Array Optional
Default value: null

Array that contains all user-defined custom rules. Rules added to this param need not exist in the htmlhintrc file. All rules inside this array should be valid objects and look like this:

{
		id: 'my-custom-rule',
		description: 'Custom rule definition',
		init: function(parser, reporter){
				//Code goes here
		}
}

Here is an example:

var htmlhint = require("gulp-htmlhint");

var customRules = [];
customRules.push({
		id: 'my-custom-rule',
		description: 'Custom rule definition',
		init: function(parser, reporter){
				//Code goes here
		}
});

gulp.src("./src/*.html")
	.pipe(htmlhint('.htmlhintrc', customRules))

Note: You can call htmlhint function four different ways:

  • Without params (task will use standard options).
  • With options param alone.
  • With customRules param alone (task will only use custom rules options).
  • With both options and customRules params defined.

Reporters

Default reporter

var htmlhint = require("gulp-htmlhint");

gulp.src("./src/*.html")
	.pipe(htmlhint())
	.pipe(htmlhint.reporter())

Fail reporters

failOnError

Use this reporter if you want your task to fail on the first file that triggers an HTMLHint Error. It also prints a summary of all errors in the first bad file.

var htmlhint = require("gulp-htmlhint");

gulp.src("./src/*.html")
	.pipe(htmlhint())
	.pipe(htmlhint.failOnError())

failAfterError

Use this reporter if you want to collect statistics from all files before failing. It also prints a summary of all errors in the first bad file.

var htmlhint = require("gulp-htmlhint");

gulp.src("./src/*.html")
	.pipe(htmlhint())
	.pipe(htmlhint.failAfterError())

Reporter options

Optionally, you can pass a config object to either fail reporter.

suppress

Type: Boolean
Default value: false

When set to true, errors are not displayed on failure. Use in conjunction with the default and/or custom reporter(s). Prevents duplication of error messages when used along with another reporter.

var htmlhint = require("gulp-htmlhint");

gulp.src("./src/*.html")
    .pipe(htmlhint())
    .pipe(htmlhint.reporter("htmlhint-stylish"))
    .pipe(htmlhint.failOnError({ suppress: true }))

Third-party reporters

gulp-reporter used in team project, it fails only when error belongs to the current author of git.

License

MIT License




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap