方式一:
// 导入 ejs
const ejs = require('ejs');
// 变量
let isLogin = true;
// 原生JS
// if (isLogin) {
// console.log('<span>欢迎回来</span>')
// } else {
// console.log('<button>登录</button>')
// }
// 使用 EJS
// 方式一:
let result = ejs.render(`
<% if(isLogin){ %>
<span>欢迎回来</span>
<% }else{ %>
<button>登录</button>
<% } %>
`, { isLogin: isLogin });
console.log(result)
输出结果:
方式二(推荐):
// 导入 ejs
const ejs = require('ejs');
// 变量
let isLogin = true;
// 原生JS
// if (isLogin) {
// console.log('<span>欢迎回来</span>')
// } else {
// console.log('<button>登录</button>')
// }
// 使用 EJS
// 方式一:
// let result = ejs.render(`
// <% if(isLogin){ %>
// <span>欢迎回来</span>
// <% }else{ %>
// <button>登录</button>
// <% } %>
// `, { isLogin: isLogin });
// console.log(result)
// 方式二:
const fs = require('fs');
const html = fs.readFileSync('./03_html.html').toString();
let result = ejs.render(html, { isLogin: isLogin });
console.log(result)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<% if(isLogin){ %>
<span>欢迎回来</span>
<% }else{ %>
<button>登录</button>
<% } %>
</body>
</html>
输出结果: