html - 使用局部视图从视图生成 HTML 文件

问题描述

我正在为 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 文件中。你有什么想法吗？有这种用法的例子吗？谢谢您的帮助

标签： htmlexpresscompilationgulphandlebars.js

html - 使用局部视图从视图生成 HTML 文件

问题描述

解决方案

推荐阅读