The Minify HTML Plugin allows [Pattern Lab Node](https://github.com/pattern-lab/patternlab-node) users to minify and beautify the HTML template of all patterns. If the right options are passed, HTML errors like empty attributes can be prevented (id="" and
npm install pattern-lab-minify-htmlpackage.json file and run npm install
plugins object in your main Pattern Lab project's patternlab-config.json file
npm run postinstall within the root of your project.
patternlab-config.json:
"pattern-lab-minify-html": {
"enabled": true,
"initialized": false,
"options": {
"minify": { },
"beautify": { },
"pluginOptions": {
"verbose": false
}
}
}
`
$3
The generated HTML will be minified using html-minifier. The following options can be used as an example:
`
"options": {
"minify": {
"removeEmptyAttributes": true,
"preserveLineBreaks": true,
"keepClosingSlash": true,
"removeComments": true,
"conservativeCollapse": true,
"collapseWhitespace": true
},
...
},
`
To use custom html-minifier options
pass an object to minify
To disable minification during production mode set the minify option to false.
$3
The generated HTML will be beautified using js-beautify. The following options can be used as an example:
`
"options": {
...
"beautify": {
"intent_size": 4,
"end_with_newline": true,
"inline": true
}
},
`
To use custom js-beautify options
pass an object to beautify
To disable beatification during production mode set the beautify option to false.
Enabling / Disabling the Plugin
After install, you may manually enable or disable the plugin by finding the plugin-node-minify-html key within your main Pattern Lab project's patternlab-config.json file and setting the enabled` flag. In the future this will be possible via CLI.