A plugin to add HTML minification as a post-processing optimisation in Netlify
npm install netlify-plugin-minify-htmlThis plugin adds the ability to minify the HTML generated by your build.
Note: Many SSGs support this as part of their own process so this might not always be necessary.
This plugin is agnostic to the tool being used to generate the markup, and acts purely on the markup it finds in .html files in the publish folder which Netlify is preparing to deploy to its CDN following a successful build.
To include this plugin in your site deployment, use the Netlify UI or file-based installation:
You can install this plugin in the Netlify UI from this direct in-app installation link or from the Plugins directory.
#### 1. Add the plugin as a dependency
``bash
`
#### 2. Add the plugin and its options to your netlify.toml
You can choose which deploy contexts will include the HTML minification with the targets option.
You can use the default options for the minification or use [plugins.inputs.minifierOptions] to pass options to the minifier. A full list of the available options are available from the html-minfier library
`toml
# Specify which deploy contexts we'll minify HTML in.
# Supports any Deploy Contexts available in Netlify.
# https://docs.netlify.com/site-deploys/overview/#deploy-contexts
[plugins.inputs]
contexts = [
'production',
'branch-deploy',
'deploy-preview'
]
# Optionally, override the default options for the minification
# https://github.com/kangax/html-minifier#options-quick-reference
[plugins.inputs.minifierOptions]
removeComments = false
collapseInlineTagWhitespace = false
``
You can try out this plugin by deploying a simple site which uses it.
Clicking the button below will clone a test site repo, setup a new site on Netlify and deploy the site complete with the plugin configured and operational.
