HTML Minifier for TypeScript

Free online html minifier with TypeScript code examples

Working with html minifier in TypeScript? Our free online html minifier helps TypeScript developers format, validate, and process data instantly. Below you will find TypeScript code examples using html-minifier-terser so you can achieve the same result programmatically in your own projects.

Try the HTML Minifier Online

Use our free HTML Minifier directly in your browser — no setup required.

Open HTML Minifier

TypeScript Code Example

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

const html: string = `
<!DOCTYPE html>
<html>
  <head><title>Hello</title></head>
  <body>
    <!-- Main content -->
    <h1>Hello World</h1>
  </body>
</html>
`;

const options: Options = {
  collapseWhitespace: true,
  removeComments: true,
  minifyCSS: true,
  minifyJS: true,
};

const result = await minify(html, options);
console.log(result);

Quick Setup

Library: html-minifier-terser
npm install html-minifier-terser @types/html-minifier-terser

TypeScript Tips & Best Practices

  • Install @types/html-minifier-terser for TypeScript definitions
  • The Options interface provides full type safety
  • Use processScripts to minify script tags with custom types

Frequently Asked Questions

HTML Minifier in Other Languages

More TypeScript Tools