从静态HTML迁移至模板引擎的分步实现疑问

1. 可以在渲染前传入变量，同时保留原有客户端JS逻辑 #

完全没问题。你只需要把现有HTML文件后缀改成.ejs，然后在Express路由里通过res.render()传入变量：

// Express路由示例
app.get('/your-page', (req, res) => {
  // 这里可以从Parse-Server或其他数据源获取需要传给页面的变量
  const serverSideData = {
    userId: '123',
    userName: 'TestUser'
  };
  // 渲染EJS页面并传入变量
  res.render('your-page', { serverData: serverSideData });
});

接着在EJS文件里，把服务器变量注入到客户端JS的全局作用域，原有客户端JS就能直接复用这个变量：

<!-- 在EJS页面的<head>或<body>末尾添加 -->
<script>
  // 用JSON.stringify避免对象转义的语法问题
  const clientSideData = <%= JSON.stringify(serverData) %>;
</script>
<!-- 原有客户端JS文件引用不变 -->
<script src="/js/your-original-script.js"></script>

你的原有客户端JS里直接用clientSideData即可，不需要改动原有逻辑。

2. 无需大规模重构HTML的JS/CSS引用 #

只要你在Express里配置了静态资源目录（比如把JS、CSS放在public文件夹，然后加app.use(express.static('public'))），原来的<script>、<link>引用路径完全可以保留。比如原来静态页面里的<script src="/js/main.js"></script>，改成EJS后依然有效，不需要调整路径——除非原来的引用是相对路径（比如../js/main.js）且页面路由层级变了，这种情况才需要改成根路径开头的引用。

3. 逐步迁移的实操技巧 #

• 先挑一个简单的页面做试点，只做后缀修改和变量注入，其他内容完全保留，验证可行后再推进其他页面；
• 不用一次性把所有客户端获取数据的逻辑移到服务器，比如可以先把部分固定数据或需要提前渲染的内容从服务器传入，原有客户端从Parse-Server拿动态数据的逻辑保留，逐步替换；
• EJS支持直接写原生HTML，所以你完全可以在现有HTML基础上，只在需要动态渲染的地方加EJS语法（比如<%= %>、<% %>），其他部分原封不动。

内容的提问来源于stack exchange，提问作者SimpleOne