在某些項(xiàng)目中，比如你接手了一個(gè)別人的項(xiàng)目然后你不想用蛋疼的ejs，或者你不想用蛋疼的jade。你有不想重寫之前的頁面，那么你現(xiàn)在可能需要新引入ejs或者jade模塊，你僅僅需要做下面兩步也許就能完成使用兩個(gè)模版的工作

1.consolidate.js

cd 到項(xiàng)目目錄：

npm install consolidate --save

打開項(xiàng)目的app.js(也許你的叫其他名字)　　

把a(bǔ)pp.js的形如下面的代碼片段

app.set('view engine', 'jade');

改為

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// or use these
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade'); 

重啟工程就可以了

2.一點(diǎn)問題

在我的一個(gè)項(xiàng)目A里我實(shí)際用到的代碼是

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade');
//多出以下一行
app.set('view engine', 'html'); 

這種寫法在項(xiàng)目A里可以使用，但在另一個(gè)項(xiàng)目B里發(fā)現(xiàn)解析不了jade模板

而在項(xiàng)目B中只能使用

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
app.set('view engine', 'jade');
//或者
//app.engine('jade', require('jade').__express);
//app.engine('html', require('ejs').renderFile);
//app.set('view engine', 'jade'); 

Express框架中如何引用ejs模板引擎

 1.如何在項(xiàng)目中安裝ejs模板引擎

在NodeJS指南中利用利用以下命令建立網(wǎng)站的基本結(jié)構(gòu)：

express -t ejs microblog

運(yùn)行這個(gè)命令后繼續(xù)運(yùn)行

cd microblog && npm install（安裝項(xiàng)目的依賴屬性），發(fā)現(xiàn)安裝的模板引擎是jade，而不是ejs。原因是現(xiàn)在的版本已經(jīng)沒有-t這個(gè)命令了，改為

express -e microblog

運(yùn)行完這個(gè)命令，繼續(xù)運(yùn)行cd microblog && npm install，ejs模板引擎就安裝好了

但是express3以上的版本把layout默認(rèn)給取消了，所以現(xiàn)在在views文件夾下并沒有生成layout.ejs。

2.安裝了ejs后，如何使用ejs的layout模板

安裝express-partials

在cmd中切換到項(xiàng)目目錄，運(yùn)行npm install express-partials或者

在 package.json 里面的 dependencies 添加 "express-partials": "*"。然后在項(xiàng)目目錄下運(yùn)行 npm install 。

然后在app.js 里面引用 express-partials，引用方法：

1.添加引用 var partials = require('express-partials');

2.在 app.set('view engine', 'ejs'); 下面添加 app.use(partials());

在需要引用模板的地方調(diào)用 layout:'模版名稱' 示例

app.get('/reg', function (req, res) {
res.render('reg', {
title: '用戶注冊(cè)',
layout: 'template'
}); 
}); 

以上內(nèi)容給大家介紹了Nodejs express框架一個(gè)工程中同時(shí)使用ejs模版和jade模版，希望大家喜歡。

最新評(píng)論