📅 最后修改于: 2023-12-03 14:40:57.203000 🧑 作者: Mango
EJS 是一个嵌入式 JavaScript 模板引擎，可帮助创建动态网页。其中包含了一个非常有用的功能：include（包含）。
使用 include，可以将一个文件中的内容包含在另一个文件中。这对于模块化开发和代码复用非常有用。
在 EJS 中，使用以下格式包含文件：
<%- include('文件路径') %>
其中，文件路径是相对于当前模板的路径。
如果要传递变量到所包含的文件中，可以使用以下格式：
<%- include('文件路径', {变量名: 变量值}) %>
以下是一个简单的示例，其中 index.ejs 文件包含了 header.ejs 和 footer.ejs 文件的内容。
header.ejs:
<head>
<title>我的网页</title>
</head>
footer.ejs:
<footer>
<p>版权所有 © 2021</p>
</footer>
index.ejs:
<!DOCTYPE html>
<html>
<%- include('header.ejs') %>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一段演示文本</p>
</body>
<%- include('footer.ejs') %>
</html>
在这个例子中，header.ejs 文件定义了网页的头部，footer.ejs 文件定义了网页的底部，而 index.ejs 文件包含了它们的内容。
使用 include 可能会增加页面的加载时间，因为每次加载页面都要重新读取被包含的文件。因此，如果包含的文件内容很少改变，最好使用缓存来减少加载时间。
另外，要避免包含的文件循环引用，否则可能会导致无限循环。