In this recipe, we make use of the contrib-htmlmin (0.3.0)
plugin to decrease the size of some HTML documents by minifying them.
In this example, we'll work with the basic project structure we created in the Installing Grunt on a project recipe in Chapter 1, Getting Started with Grunt. Be sure to refer to it if you are not yet familiar with its contents.
The following steps take us through creating a sample HTML document and configuring a task that minifies it:
We'll start by installing the package that contains the
contrib-htmlmin
plugin as per the instructions provided in the Installing a plugin recipe in Chapter 1, Getting Started with Grunt.Next, we'll create a simple HTML document called
index.html
in thesrc
directory, which we'd like to minify, and add the following content in it:<html> <head> <title>Test Page</title> </head> <body> <!-- This is a comment! --> <h1>This is...