Electron 应用中 html 内容的模块化

Question

我知道构建 Electron 应用程序的典型做法是遵循 SPA（单页应用程序）。我仍然想将我的 html 内容拆分为单独的文件以便于维护。仍然有主要的index.html 文件将在启动时加载。

我的问题是：是否有用于插入来自不同文件的部分 html 内容的协议？例如。在 Django 中，有一个 include 和 extend 标签，您可以在其中将整个 html 文件插入到另一个父 html 文件的正文中或保留另一个 html 文件中的某些功能。

Answer 1

没有办法直接做到这一点。 Django 是一个服务器端框架，因此您可以在服务器上组装您的 HTML，并将完成的 HTML 发送到客户端/浏览器。使用 Electron，您基本上是在运行 Chromium 并添加了 Node.js API，从文件系统加载您的 HTML，因此没有服务器可以在其中进行任何 HTML 组装。

但是，如果您只是想将 HTML 分解成多个片段以便于维护，但您没有动态执行任何 include/extend，理论上，您可以使用某种模板系统或静态站点生成器，用于在构建时静态组合您的 HTML 文件。

• 这里是一些 JS 模板引擎的列表：https://expressjs.com/en/resources/template-engines.html
• 这里列出了一些静态站点生成器（通过 JavaScript 过滤语言）：https://jamstack.org/generators/