@types/html-minifier-terser

Minifying HTML

This feature allows you to minify HTML content by removing unnecessary spaces, comments, and other unneeded parts to reduce the size of the files. The code sample demonstrates how to remove attribute quotes from a simple HTML string.

import { minify } from 'html-minifier-terser';

const result = minify('<p title="blah" id="moo">foo</p>', {
  removeAttributeQuotes: true
});
console.log(result);

Collapsing Whitespace

This feature collapses unnecessary whitespace within the HTML to further reduce the file size without affecting the structure. The code sample shows how to collapse whitespace around and within HTML tags.

import { minify } from 'html-minifier-terser';

const result = minify('   <div>    <p>Example</p>    </div>   ', {
  collapseWhitespace: true
});
console.log(result);

Removing Comments

This functionality allows the removal of HTML comments from the file, which can be particularly useful for removing development notes and reducing file size. The code sample demonstrates removing a comment from an HTML string.

import { minify } from 'html-minifier-terser';

const result = minify('<!-- This is a comment --> <div>Content</div>', {
  removeComments: true
});
console.log(result);