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模板引擎
80 0
|
JavaScript vr&ar 开发者
ejs模板引擎使用(独立使用,没有集成 express |学习笔记
快速学习ejs模板引擎使用(独立使用,没有集成 express)
ejs模板引擎使用(独立使用,没有集成 express |学习笔记
|
前端开发 JavaScript Java
前端最常用的模板引擎-Handlebars
前端最常用的模板引擎-Handlebars
138 0
|
JavaScript 前端开发
vue源码解析之mustache模板引擎
vue源码解析之mustache模板引擎
117 0
|
PHP Python
express使用twig做模板引擎
express使用twig做模板引擎
95 0
|
存储 XML 缓存
express学习11-express-art-template模板引擎
express学习11-express-art-template模板引擎
166 0
express学习11-express-art-template模板引擎
|
JavaScript 前端开发 中间件
Koa中 引入使用 EJS 模板引擎
Koa中 引入使用 EJS 模板引擎
250 0
|
JavaScript 前端开发
Vue 源码之 mustache 模板引擎(一)
Vue 源码之 mustache 模板引擎(一)
535 0
|
JavaScript
nunjucks:继承于jinja2的js模板引擎
nunjucks:继承于jinja2的js模板引擎
126 0

相关实验场景

更多