gulp-jsdom

Manipulate DOM with jsdom@latest

Installation

npm install gulp-jsdom

Simple Example (gulp 4.0.2)

const { src, dest } = require("gulp");
const dom = require("gulp-jsdom");

function html() {
	return src("./src/index.html")
	.pipe(dom(document => {
		document.body.innerHTML = "Hello!";
	}))
	.pipe(dest("./public/"));
}

Simple Example (gulp 3.9.1)

const gulp = require("gulp");
const dom = require("gulp-jsdom");

gulp.task("html", function () {
	return gulp.src("./src/index.html")
	
	.pipe(dom(function(document){
		document.body.innerHTML = "Hello!";
	}))
	
	.pipe(gulp.dest("./public/"));
});

More Features

// ...
.pipe(dom(function(document, window){
	
	document;
	window;
	
	this.filename; // current filename
	this.file; // current file buffer
	
}), { 
	/* jsdom options here */
}, false) // serialize off

API

dom(mutator [, options, serialize])

mutator

Type: Function

Manipulate DOM here! >:D

options

Type: Object Default: {}

jsdom options read more

serialize

Type: Boolean Default: true

More information about serialize

Thank you