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

1.consolidate.js

cd 到項目目錄：

npm install consolidate --save

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

把app.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.一點問題

在我的一個項目A里我實際用到的代碼是

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'); 

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

而在項目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.如何在項目中安裝ejs模板引擎

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

express -t ejs microblog

運行這個命令后繼續(xù)運行

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

express -e microblog

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

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

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

安裝express-partials

在cmd中切換到項目目錄，運行npm install express-partials或者

在 package.json 里面的 dependencies 添加 "express-partials": "*"。然后在項目目錄下運行 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: '用戶注冊',
layout: 'template'
}); 
}); 

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

最新評論