gulp-diffable-html

:beer: gulp plugin formatting html via diffable-html


Install

``shell
npm install gulp-diffable-html -D
`

`shell
yarn add gulp-diffable-html -D
`

`shell
pnpm add gulp-diffable-html -D
`

Setup

`js
const gulp = require('gulp')
const diffableHTML = require('gulp-diffable-html')
// or
// const { diffableHTML } = require(gulp-diffable-html)

function views() {
return gulp
.src('views/*/.html')
.pipe(diffableHTML())
.pipe(gulp.dest('dist'))
}

exports.dev = gulp.series(views)
`

`ts
import gulp from 'gulp'
import diffableHTML from 'gulp-diffable-html'
// or
// import { diffableHTML } from 'gulp-diffable-html'

function views() {
return gulp
.src('views/*/.html')
.pipe(diffableHTML())
.pipe(gulp.dest('dist'))
}

export const dev = gulp.series(views)
`

Features

- zero-config
- indenting every level with 2 spaces
- align attributes
- put every opening and closing tag on its own line
- trimming text nodes

Example

Input:


`html


I am h1 in header

bstrong©


`

Output:


`html










I am h1 in header

b


strong


©

`

Options

gulp-diffable-html is based on diffable-html.

$3

- type function
- default (names) => names

Customize the order of attributes on HTML tag.

$3

- type boolean
- default false`

Display name of file from stream that is being formatting

License

MIT License © 2024-PRESENT ntnyq