node.js是一种可靠的javascript运行环境，可应用于开发服务器端应用程序。它允许开发人员使用javascript来开发服务端应用程序，这给前端开发人员带来了许多好处，例如可以使用同一种编程语言开发前后端或可以直接使用npm安装许多模块，加速开发进程。
在Node.js中加入HTML文件可以帮助开发人员动态生成HTML页面或将HTML文件作为静态资源提供给客户端。下面将介绍几种方法来加入HTML文件。
1. 使用fs模块
Node.js中的fs模块可以用来读取和写入文件。开发人员可以使用该模块读取文件中的HTML代码，并在服务器端生成动态HTML页面。
const fs = require('fs');
const http = require('http');
const port = process.env.PORT || 3000;
const server = http.createServer((req, res) => {
fs.readFile('index.html', (err, data) => {
if (err) throw err;
res.writeHead(200, {'Content-Type': 'text/html'});
res.write(data);
res.end();
});
});
server.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});上述代码中使用fs模块的readFile方法读取文件内容，并使用res对象的write和end方法将文件内容发送给客户端。该方法适用于需要动态生成HTML页面的情况，例如需要从数据库中获取数据并以HTML形式呈现。
2. 使用Express框架
Express是Node.js中一种流行的Web框架，有助于开发人员快速创建Web应用程序。使用该框架，可以很轻松地将HTML文件作为静态资源提供给客户端。
立即学习“前端免费学习笔记（深入）”；
const express = require('express');
const app = express();
const port = process.env.PORT || 3000;
app.use(express.static('public'));
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});上述代码中，app对象的use方法用于指定public目录为静态资源目录。在public目录中的HTML文件可以直接通过http://localhost:3000/index.html访问。该方法适用于需要提供静态资源的情况，例如网站的logo、JavaScript文件和CSS文件。
3. 使用模板引擎
模板引擎是一种将数据和HTML模板合并的工具。多种Node.js中的模板引擎可用于将HTML文件和动态数据结合使用，例如EJS、Pug、Handlebars等。以下是使用EJS模板引擎的示例代码。
const express = require('express');
const app = express();
const port = process.env.PORT || 3000;
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
const data = { name: 'John Doe', city: 'London' };
res.render('index', { data });
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});上述代码中，app对象的set方法用于设置EJS模板引擎作为视图引擎。在根目录下有一个index.ejs文件，其中包含动态数据和HTML代码。
<!DOCTYPE html>
<html>
<head>
<title>Node.js</title>
</head>
<body>
<h1>Hello <%= data.name %> from <%= data.city %></h1>
</body>
</html>使用res对象的render方法，开发人员可以指定模板文件名和需要的数据对象，该方法将自动合并HTML代码和数据对象，并向客户端发送渲染后结果。该方法适用于需要根据动态数据生成HTML页面的情况。
总结
以上三种方法都可以实现在Node.js中加入HTML文件的功能。使用fs模块可以动态生成HTML页面；Express框架可以轻松提供静态资源；模板引擎可以帮助开发人员从动态数据和HTML代码中生成完整的HTML页面。开发人员应根据需要选择适当的方法。
