Node.js Express配置HTML模板引擎详解

Express配置HTML模板详解

前言

在开发Node.js Web应用时，开发者通常希望沿用熟悉的HTML模板格式。然而，Express框架默认配置倾向于使用Jade（现称Pug）模板引擎，并不直接支持HTML文件。本文将探讨如何在Express中实现HTML模板的使用。

EJS模板配置

使用

var app = express();
app.set('views', path.join(__dirname, 'views'));
//设置视图引擎
app.set('view engine', 'ejs');

HTML模板配置

安装EJS

npm install ejs -D

引入模块

var ejs = require('ejs');

具体使用方式

var app = express();
var ejs = require('ejs');
app.set('views', path.join(__dirname, 'views'));
app.engine('html', ejs.__express);
app.set('view engine', 'html');

配置说明

app.engine(ext, cb)
app.engine('html', require('ejs').__express);

核心步骤是将EJS模板引擎映射到.html文件扩展名。

这一配置实际上调用了EJS内部的.renderFile()方法，该方法在EJS源码中对应的内部名称为。

由于加载模板引擎后，Express统一调用方法，因此若仅使用.ejs后缀，无需进行额外配置。

Express应用配置方法app.set(name, value)

在app.set()方法的参数中，'view engine'选项用于指定当路由中未明确指定文件扩展名时，默认调用的模板引擎插件。

若将此选项设置为html，则在定义路由指定视图文件时，仅需提供文件名，系统会自动查找对应的.html文件进行渲染。

以上内容涵盖了在Express中启用HTML模板的关键配置步骤，希望能为相关学习者提供实用参考。