使用局部视图从视图生成 HTML 文件答案

【问题标题】：Generate HTML files from views using partials使用局部视图从视图生成 HTML 文件
【发布时间】：2020-12-10 11:10:31
【问题描述】：

我正在为 Sendgrid 开发电子邮件模板，我要做的模板越多，我就越厌倦了一遍又一遍地做同样的事情，他们的文本编辑器很糟糕，将模板存储在他们的应用程序，因为它可能会消失而没有恢复的机会（发生在我身上）。

所以我想我可能会构建一个小项目，其目标是从视图生成静态 HTML 文件。我要设置的每个模板都有一个视图，并且将使用在部分文件中隔离的组件构建。

到目前为止，我有这种结构：

dist/
  mail-template-1.html
  mail-template-2.html
src/
  partials/
    components/
      header.hbs
      illustration.hbs
      legal.hbs
      footer.hbs
    layout/
      before-content.hbs
      after-content.hbs
   views/
     mail-template-1.hbs
     mail-template-2.hbs

视图模板的内容：

{{> layout/before-content}}
{{> components/header}}
{{> components/illustration}}
{{> components/legal}}
{{> components/footer}}
{{> layout/after-content}}

车把的使用不是强制性的，因为我认为它适合使用。我想在最后构建 html 之前，在浏览器中使用用于 dev 的 node/express 服务器进行渲染也很有用。

那么你会怎么做呢？我更像是一个 HTML CSS 人，以前从未做过这种事情。目标是修改任何模板视图文件，运行一个脚本（如果没有实现浏览器渲染，则运行一个观察程序）以获取所有这些部分的内容并将它们的内容连接到 dist 文件夹中的 HTML 文件中。你有什么想法吗？有这种用法的例子吗？感谢您的帮助

【问题讨论】：

所以你已经有了模板......你尝试了哪些没有用的模板？

标签： html express compilation gulp handlebars.js

【解决方案1】：

我使用模板发送电子邮件。也可以使用模板创建税务发票。

Nodejs、车把、mongodb（如果您需要数据库）。 youtube上有很多教程。

我的订单电子邮件、电子邮件签名模板、电子邮件正文和不同国家/地区的模板税务发票。

【讨论】：