express使用twig做模板引擎

简介: express使用twig做模板引擎

wig.js 和 Twig(PHP) 和 jinja2(Python) 模板引擎很像,用起来很舒服


文档 https://github.com/twigjs/twig.js/wiki


Twig PHP https://twig.symfony.com/


安装

cnpm install twig--save

node中使用

var Twig = require('twig').twig


var template = Twig({
data: 'My name is { { name }}'
});

var ret = template.render({
name: 'Tom'
})

console.log(ret);
// My name is Tom

express中使用

目录

.
├── index.js
├── package.json
└── views
└── index.twig

package.json

{
"scripts": {
"start": "node index.js",
"dev": "nodemon index.js"
},
"dependencies": {
"express": "^4.17.1",
"twig": "^1.15.1",
"nodemon": "^2.0.3"
}
}

index.js

express = require('express')

app = express();

// 配置
app.set("twig options", {
allow_async: true,
strict_variables: false
});

app.get('/', function (req, res) {
res.render('index.html', {
name: "Tom"
});
});

app.listen(9999);

views/index.twig

My name is {
        { name }}
            </div>
目录
相关文章
|
JavaScript 容器
【Vue源码解析】mustache模板引擎
【Vue源码解析】mustache模板引擎
67 0
|
前端开发 JavaScript Java
前端最常用的模板引擎-Handlebars
前端最常用的模板引擎-Handlebars
129 0
|
JavaScript 前端开发
vue源码解析之mustache模板引擎
vue源码解析之mustache模板引擎
114 0
|
PHP Python
express使用twig做模板引擎
express使用twig做模板引擎
92 0
|
存储 XML 缓存
express学习11-express-art-template模板引擎
express学习11-express-art-template模板引擎
159 0
express学习11-express-art-template模板引擎
|
JavaScript 前端开发 区块链
Vue源码之mustache模板引擎(二) 手写实现mustache
Vue源码之mustache模板引擎(二) 手写实现mustache
121 0
|
JavaScript 前端开发
Vue 源码之 mustache 模板引擎(一)
Vue 源码之 mustache 模板引擎(一)
526 0
|
JavaScript
nunjucks:继承于jinja2的js模板引擎
nunjucks:继承于jinja2的js模板引擎
120 0
ThinkPHP6.0使用twig作为模板引擎
ThinkPHP6.0使用twig作为模板引擎
201 0