@bemtools/gulp-extract-html-class

Extracts all classes from the html

Installation

npm install @bemtools/gulp-extract-html-class --save

Sample gulpfile.js

This file will give you a taste of what plugin does.

const gulp         = require('gulp');
const extractClass = require('@bemtools/gulp-extract-html-class');
const through      = require('through2');

function logClasses() {
	let PLUGIN_NAME = 'logClasses';

	return through.obj(function (file, enc, cb) {
		if (!file.contents.length) {
			this.push(null);
			cb(console.log(` ⚠ ${PLUGIN_NAME}: The file is empty `));
			return;
		}

		try {
			// the file has a custom value "classList"
			console.log(file.classList);
		} catch (err) {
			cb(console.log(` ⚠ ${PLUGIN_NAME}: Something went wrong: `, err));
			return;
		}

		this.push(file);
		cb();
	});
}

gulp.task('default', function () {
	return gulp.src('./src/templates/**/*.html')
		.pipe(extractClass())
		.pipe(logClasses())
		.pipe(gulp.dest('./dist/html/'));
});