1.安装swig
npm install swig --save
2.创建app.js文件
/*应用程序入口文件*/ /*加载express模块*/ var express = require('express'); /*加载模板处理模块*/ var swig = require('swig'); /*创建app应用*/ var app = express(); /*配置应用模板 第一个参数:html为当前应用所使用的模板引擎 第二个参数:用于解析处理模板内容的方法*/ app.engine('html',swig.renderFile); /*设置模板文件存放目录 第一个参数:必须是views 第二个参数:目录路径*/ app.set('views','./views'); /*注册所使用的模板引擎(默认引擎) 第一个参数:必须是view engine 第二个参数:app.engine的第一个参数*/ app.set('view engine','html'); /*在开发过程中,取消模板缓存*/ swig.setDefaults({cache: false}); /*首页*/ app.get('/',function (req,res,next) { /*读取view目录下的指定文件,解析并返回给客户端*/ res.render('index'); }); /*监听http请求*/ app.listen(8099);
3.创建index.html文件
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>首页</title>
</head>
<body>
<h1>欢迎!!!</h1>
</body>
</html>
运行效果