How to use HTML in Express framework with nunjucks- no jade
A more 'HTML-like' templating engine would be nunjucks (whose syntax is similar to Jinja2, which you have experience with).
Here's a simple setup. This assumes both Express and Nunjucks are installed, if not:
npm install expressnpm install nunjucks
– app.js
var nunjucks = require('nunjucks');var express = require('express');var app = express();app.listen(3012);nunjucks.configure('views', { autoescape: true, express : app});app.get('/', function(req, res) { res.render('index.html', { title : 'My First Nunjucks Page', items : [ { name : 'item #1' }, { name : 'item #2' }, { name : 'item #3' }, { name : 'item #4' }, ] });});
– views/index.html
<!doctype html><html> <head> <title>welcome to {{ title }}</title> </head> <body> <ul> {% for item in items %} {% include "item.html" %} {% endfor %} </ul> </body></html>
– views/item.html
<li>{{ item.name }}</li>