Migrated to gulp-plugins
🍺 A simple gulp plugin for html formatting via diffable-html.
$ npm install gulp-diffable-html --save-dev
# OR
$ yarn add gulp-diffable-html -Dconst gulp = require('gulp')
const diffableHtml = require('gulp-diffable-html')
function views () {
return (
gulp
.src('views/**/*.html')
.pipe(diffableHtml())
.pipe(gulp.dest('dist'))
)
}
exports.dev = gulp.series(views)- zero-config
- indenting every level with 2 spaces
- align attributes
- put every opening and closing tag on its own line
- trimming text nodes
Input:
<!DOCTYPE html><!--[if IE 9]>.... some HTML here ....<![endif]--><html lang="en"><head><meta charset="UTF-8"><title>gulp-diffable-html</title></head><body><header><h1><span>I am h1 in header</span></h1></header><main><p><!----><span></span><b>b</b><strong>strong</strong><em>©</em><!-- This comment should be removed --></p></main><footer><p><a href="https://github.com/ntnyq/gulp-diffable-html" target="_blank" rel="noopener" >gulp-diffable-html</a></p></footer></body></html>Output:
<!DOCTYPE html>
<!--[if IE 9]>.... some HTML here ....<![endif]-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
gulp-diffable-html
</title>
</head>
<body>
<header>
<h1>
<span>
I am h1 in header
</span>
</h1>
</header>
<main>
<p>
<span>
</span>
<b>
b
</b>
<strong>
strong
</strong>
<em>
©
</em>
</p>
</main>
<footer>
<p>
<a href="https://github.com/ntnyq/gulp-diffable-html"
target="_blank"
rel="noopener"
>
gulp-diffable-html
</a>
</p>
</footer>
</body>
</html>gulp-diffable-html is based on diffable-html which is a zero-config HTML formatter.
- type
boolean - default
false
Display name of file from stream that is being formatting