Today's npm package is html-minifier-terser
Minifying the final HTML is better for reducing the size of network response and hence speeding up your website.
html-minifier-terser as a highly customizable minifier is going to help us in this direction.
Here's how to use it for the following HTML
<div id="app" class="container">
<aside class="app-menu">Menu</aside>
<main class="app-content">Content area</main>
</div>
Following Node.js script would minify the supplied HTML:
const { minify } = require('html-minifier-terser');
const result = minify(
`<div id="app" class="container">
<aside class="app-menu">Menu</aside>
<main class="app-content">Content area</main>
</div>`,
{ removeAttributeQuotes: true }
);
console.log(result);
// <div id=app class=container>\n <aside class=app-men… <main class=app-content>Content area</main>\n </div>
See it in action here: runkit.com/pankaj/html-minifier-terser
Stay tuned for tomorrow's package of the Day.