rollup-plugin-minify-template-literals

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

Installation

$ npm i rollup-plugin-minify-template-literals
# or
$ yarn add rollup-plugin-minify-template-literals
# or
$ pnpm add rollup-plugin-minify-template-literals

Usage

Vite

import { defineConfig } from "vite";
import { minifyTemplateLiterals } from "rollup-plugin-minify-template-literals";

export default defineConfig({
  plugins: [minifyTemplateLiterals()],
});

Rollup

import { minifyTemplateLiterals } from "rollup-plugin-minify-template-literals";

export default {
  plugins: [minifyTemplateLiterals()],
};

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

export interface Options {
  /**
   * Pattern or array of patterns of files to minify.
   */
  include?: string | RegExp | Array<string | RegExp>;
  /**
   * Pattern or array of patterns of files not to minify.
   */
  exclude?: string | RegExp | Array<string | RegExp>;
  /**
   * Options passed to minify-literals.
   */
  minify?: MinifyOptions;
}

Related Packages

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