rollup-plugin-html-string

Rollup plugin for loading content of HTML files to use as string variable in JavaScript code.

Installation

npm install --save-dev rollup-plugin-html-string

Usage

import htmlString from 'rollup-plugin-html-string';

export default {
	input: 'main.js',
	plugins: [
		htmlString({
			include: '**/*.html'
		})
	],
	output: {
		dir: 'dist',
	},
}

Options

include

Type: array, string or regexp Default: **/*.html

A single file pattern, or an array of file patterns to include when importing html files. For more details see rollup-pluginutils.

exclude

Type: array, string or regexp Default: undefined

A single file pattern, or an array of file patterns to exclude when importing html files. For more details see rollup-pluginutils.

htmlMinifierOptions

Type: Object Default: {}

The options which are given to html-minifier

For example:

import htmlString from 'rollup-plugin-html-string';

export default {
	entry: 'main.js',
	plugins: [
		html({
			htmlMinifierOptions: {
				collapseWhitespace: true,
				collapseBooleanAttributes: true,
				conservativeCollapse: true,
				minifyJS: true
			}
		})
	],
	output: {
		dir: 'dist',
	},
}

License

MIT

Credits

This plugin is forked from rollup-plugin-html written by Adam Beres-Deak (@bdadam).

He thanks Bogdan Chadkin (@TrySound) for his rollup-plugin-string rollup plugin which he used as the basis for this plugin.