Modularization

In this section, we will go through the ways Jade views can be modularized at file and code level.

Includes

A Jade view file can seamlessly include other Jade files, CSS, JavaScript, and HTML files. If you have installed the markdown Node module, you can include Markdown files too.

To include a file in a view, use the include directive and pass it the path of the file to be included. It is very important to give the correct extension to the include files, because Jade uses the extension of the file to render the content accordingly.

Note

A Jade view file and its included Jade files share the same scope. So variables defined in one file are available to the other.

The indented hierarchy is applicable to the include directive too, so the ...

Get Express Web Application Development now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.