如何在express使用doT模板引擎

本文假设你已经使用过doT和express，并知道它的模板语法。

js的模板引擎实在太多了，幸好 JavaScript template language shootoff 这篇不断被更新的文章，帮我们用真实的测试结果，得到了目前最快的模板引擎doT

安装dot

$ sudo npm install dot

让express使用dot

安装express的模板引擎约定，引擎必须有一个compile方法，接受str和options参数，返回一个function对象即可，接口大致如下：

exports.compile = function(str, options) {
    // compile template str
    // return function
}

显然，只需要实现compile接口即可

// dot.express.js
var dot = require('dot');

exports.compile = function(str, options) {
    return dot.template(str);
};

在express使用dot.express.js

var dot_express = require('dot.express');

app.set("view engine", "html");
app.register(".html", dot_express);

// render
app.get('/', function(req, res, next) {
    res.render('index', {world: 'world'});
});

更简约的方式

var dot = require('dot');

app.set("view engine", "html");
app.register(".html", {
    compile: function(str) {
        return dot.template(str);
    }
});

让你的html模板文件也通过智能提示校验

dot默认的定界符是 {{ 和 }}，这样模板文件会如下

// index.html
<p>hello {{! word }}</p>

这样，肯定不能通过HTML智能提示校验参考tenjin的做法，将定界符修改为能通过智能提示校验的即可

// index.js
dot.templateSettings.begin = '<?js';
dot.templateSettings.end = '?>';

// index.html
<p>hello <?js! word ?></p>

'view cache' MUST enabled!

线上环境必须开启'view cache'，因为express的view会使用fs.statSync检测模板是否存在，如果不开启缓存，则每次都会同步检测和加载模板，整个web的性能就完蛋了。

app.set('view cache', true);

有爱

希望本文对你有用 ^_^

Home | Prev