要将EJS模板编译为静态文件,可以使用Node.js中的EJS模块来实现。下面是一个包含代码示例的解决方法。
首先,确保已经在项目中安装了EJS模块。可以使用以下命令进行安装:
npm install ejs
接下来,创建一个JavaScript文件,例如compileEjs.js
,并使用以下代码来编译EJS模板为静态文件:
const ejs = require('ejs');
const fs = require('fs');
// 读取EJS模板文件
const template = fs.readFileSync('template.ejs', 'utf-8');
// 数据对象,用于渲染模板
const data = {
title: 'Example',
message: 'Hello, World!'
};
// 使用数据对象渲染模板
const compiledTemplate = ejs.render(template, data);
// 将渲染后的模板写入静态文件
fs.writeFileSync('output.html', compiledTemplate, 'utf-8');
console.log('EJS模板已成功编译为静态文件!');
在上述代码中,首先使用fs.readFileSync
方法读取EJS模板文件,将其存储在template
变量中。然后,定义一个数据对象data
,用于在渲染模板时替换变量。使用ejs.render
方法将模板和数据对象结合起来进行渲染,将结果存储在compiledTemplate
变量中。最后,使用fs.writeFileSync
方法将渲染后的模板写入一个静态文件中。
确保将template.ejs
替换为实际的EJS模板文件路径,并可以相应地更改输出文件的路径和名称。
运行compileEjs.js
文件,即可将EJS模板编译为静态文件。