The Jade template engine allows us to easily build and maintain HTML templates using its minimal yet familiar syntax. In this recipe, we'll make use of the contrib-jade (0.12.0)
plugin to compile a template that renders a simple HTML page.
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 will take us through creating a simple Jade template and rendering it to an HTML file.
We'll start by installing the package that contains the
contrib-jade
plugin as per the instructions provided in the Installing a plugin recipe in Chapter 1, Getting Started with Grunt.Let's create a simple Jade template called
index.jade
in our project directory, and add the following contents:doctype html html head title Index body h1 Index
Now, we can add the following...