Jade as your templating engine
Writing HTML files can be problematic in the case of bigger projects. The maintenance of repeatable elements of a page, such as main navigation footer sidebars, can be a problem when you need to work with, for example, 10 files. Each time you want to change something in the footer, you will need to update 10 files. The situation becomes more complicated when a project has 50 templates. You can start using, for example, PHP or any language that includes files with repeatable parts of code or use one of the template languages. There are multiple templating systems. Some of the well-known and trendy ones are listed here:
- Handlebars
- HAML
- Jade
- Slim
Let's focus on Jade. Why? Because of the following features:
- Mixins support
- Master templates
- Partialization of files
- Indented syntax (similar to SASS)
Installing and using Jade
Jade is installed by node package manager. You can install it with the following command:
npm install jade --global
If you want to compile some file...