Nodejs Express 프레임워크는 하나의 project_node.js에서 ejs 템플릿과 jade 템플릿을 모두 사용합니다.

예를 들어 일부 프로젝트에서는 다른 사람의 프로젝트를 인수하고 고통스러운 ejs를 사용하고 싶지 않거나 고통스러운 옥을 사용하고 싶지 않은 경우가 있습니다. 이전 페이지를 다시 작성하고 싶지 않다면 지금 새로운 ejs 또는 jade 모듈을 도입해야 할 수도 있습니다. 두 템플릿 사용 작업을 완료하려면 다음 두 단계만 수행하면 됩니다.

1.consolidate.js

cd 프로젝트 디렉토리로 이동:

npm 설치 통합 --저장

프로젝트의 app.js를 엽니다(당신의 프로젝트는 다른 이름으로 불릴 수도 있습니다)

app.js를 다음 코드 조각으로 변경

app.set('뷰 엔진', '옥');

이
으로 변경되었습니다.

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에서는 옥 템플릿을 파싱할 수 없는 것으로 확인되었습니다

그리고 프로젝트 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 가이드에서 웹사이트의 기본 구조를 구축하려면 다음 명령을 사용하세요.

express -t ejs 마이크로블로그

이 명령을 실행한 후 계속 실행

cd 마이크로블로그 && npm install(설치 프로젝트 종속성 속성)에서 설치된 템플릿 엔진이 ejs가 아닌 jade인 것을 발견했습니다. 그 이유는 현재 버전에는 더 이상 -t 명령이 없고
로 변경되었기 때문입니다.

express -e 마이크로블로그

이 명령을 실행한 후 계속해서 cd microblog && npm install을 실행하면 ejs 템플릿 엔진이 설치됩니다

단, express3 이상 버전은 기본적으로 레이아웃을 취소하므로 views 폴더에 레이아웃.ejs가 생성되지 않습니다.

2. ejs 설치 후, ejs 레이아웃 템플릿 사용 방법

빠른 부분 설치

cmd에서 프로젝트 디렉토리로 전환하고 npm install express-partials 또는
를 실행하세요.

package.json의 종속성에 "express-partials": "*"를 추가합니다. 그런 다음 프로젝트 디렉터리에서 npm install을 실행합니다.

그런 다음 app.js에서 express-partials를 인용하고 인용 방법은 다음과 같습니다.

1. 참조 추가 var 부분 = require('express-partials');

2. app.use(partials());
아래에 app.set('view Engine', 'ejs');를 추가합니다.

호출 레이아웃: 템플릿을 참조해야 하는 '템플릿 이름' 예

app.get('/reg', function (req, res) {
res.render('reg', {
title: '用户注册',
layout: 'template'
}); 
}); 

위 콘텐츠는 Nodejs Express 프레임워크 프로젝트에서 ejs 템플릿과 jade 템플릿을 사용하는 방법을 소개합니다.