如何在AWS Lambda的Node.js函数中使用HTML模板引擎？

1. 确保打包时包含模板文件 #

Lambda部署包不会自动包含非JS文件，必须调整打包流程把模板文件纳入：

• 手动打包用zip命令：

  zip -r lambda-deploy.zip app.js templates/
  

• 用Webpack构建的话，配置copy-webpack-plugin复制模板文件夹到输出目录：

  const CopyPlugin = require('copy-webpack-plugin');
  
  module.exports = {
    // 其他配置项
    plugins: [
      new CopyPlugin({
        patterns: [
          { from: './templates', to: './templates' },
        ],
      }),
    ],
  };
  

2. 正确配置Nunjucks模板加载路径 #

Lambda执行环境的工作目录是函数代码根目录，基于这个路径初始化Nunjucks：

const nunjucks = require('nunjucks');

// 初始化模板环境，指定模板文件夹路径
const env = nunjucks.configure('./templates', {
  autoescape: true,
  trimBlocks: true,
  lstripBlocks: true
});

exports.handler = async (event) => {
  // 定义动态变量
  const dynamicData = {
    pageTitle: 'Lambda生成的动态页面',
    mainContent: '这是从Lambda传入的内容',
    visitorName: event.requestContext.authorizer?.username || '匿名访客'
  };

  // 渲染指定模板文件
  const renderedHtml = env.render('index.html', dynamicData);

  return {
    statusCode: 200,
    headers: {
      'Content-Type': 'text/html'
    },
    body: renderedHtml
  };
};

3. 处理自定义样式表 #

有两种实用方式：

• 内联样式：把样式直接写在模板的<style>标签里，无需额外文件，适合样式量少的场景。
• 打包静态资源：把css文件夹加入部署包，模板中用相对路径引用：

  <link rel="stylesheet" href="./css/custom-style.css">
  

  注：如果通过API Gateway触发Lambda，需确保网关配置了静态资源路由，或者直接内联样式更省心。

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