Extendable html syntax sugar Gulp plugin.
Install with npm
npm install gulp-html-sugar --save-dev
const htmlSugar = require('gulp-html-sugar');
return gulp.src('src/example.html').pipe(htmlSugar({
'icon': function ($, element) {
const iconName = element.html().trim();
element.replaceWith($(`<svg class="icon ${iconName}"><use xlink:href="sprite.svg#${iconName}"/></svg>`));
}
})).pipe(gulp.dest('build/'));<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example page</title>
</head>
<body>
<icon>trash</icon>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example page</title>
</head>
<body>
<svg class="icon trash"><use xlink:href="sprite.svg#trash"/></svg>
</body>
</html>Type: function(document, element)
document and element is cheerio objects.
MIT © vovanre