rollup-plugin-minify-template-literals

Minify HTML & CSS markup inside JavaScript/TypeScript template literal strings - for vite and rollup.

Installation

1$ npm i rollup-plugin-minify-template-literals
2# or
3$ yarn add rollup-plugin-minify-template-literals
4# or
5$ pnpm add rollup-plugin-minify-template-literals

Usage

Vite

1import { defineConfig } from "vite";
2import { minifyTemplateLiterals } from "rollup-plugin-minify-template-literals";
3
4export default defineConfig({
5  plugins: [minifyTemplateLiterals()],
6});

Rollup

1import { minifyTemplateLiterals } from "rollup-plugin-minify-template-literals";
2
3export default {
4  plugins: [minifyTemplateLiterals()],
5};

ES5 Support

Be sure to minify template literals before transpiling to ES5. Otherwise, the API will not be able to find any template literal (${}) strings.

Options

1export interface Options {
2  /**
3   * Pattern or array of patterns of files to minify.
4   */
5  include?: string | string[];
6  /**
7   * Pattern or array of patterns of files not to minify.
8   */
9  exclude?: string | string[];
10  /**
11   * Minify options, see
12   * https://github.com/explodingcamera/esm/tree/main/packages/minify-literals#options.
13   */
14  options?: Partial<minify.Options>;
15  /**
16   * If true, any errors while parsing or minifying will abort the bundle
17   * process. Defaults to false, which will only show a warning.
18   */
19  failOnError?: boolean;
20  /**
21   * Override minify-html-literals function.
22   */
23  minifyHTMLLiterals?: typeof minify.minifyHTMLLiterals;
24  /**
25   * Override include/exclude filter.
26   */
27  filter?: (id: string) => boolean;
28}

Related Packages

• minify-literals - Minify HTML & CSS markup inside JavaScript/TypeScript template literal strings.

Credits

This package is based on rollup-plugin-minify-html-literals by Elizabeth Mitchell. I've fixed a few bugs, ported it to ES modules, and refactored it a bit.