minify-html-parts v0.0.5

minify-html-parts

This library extracts (tagged) template expressions from TypeScript code, which will be minified when shouldMinify returns true.

Can be used in lit-html or fast-element.

Example

import { minify } from "minify-html-parts";

const output = minify(input, {
  removeComments: true,
  removeAttributeQuotes: true,
  removeEmptyAttributeValues: true,
  shouldMinify(extractResult) {
    return extractResult.tag?.getText() === "html";
  },
});

Input

export const htmlResult = html`
  <my-element
    ${attr}
    id="${id}"
    class="x ${classes}"
    .property="${property}"
    @click="${onClick}"
  >
    <!-- comment -->
    ${html`
      <div>${textContent}</div>
    `}
  </my-element>
`;

Output

export const htmlResult = html`<my-element ${attr} id=${id} class="x ${classes}" .property=${property} @click=${onClick}> ${html`<div>${textContent}</div>`} </my-element>`;