使电子应用程序组件可重用

Question

我正在构建 Electron 桌面应用，当然这是基于node.js. Igot我的工具链准备好和虚拟应用程序构建，但从应用程序的特定设计开始我问自己如何拆分不同文件中的内容以重用它们：

想象一下，应该在电子应用的每个“页面”上都有某种页眉和页脚栏。主要内容当然应该改变。 如何整理我的应用以使页眉和页脚的代码可重复使用？

node.js'require("some.js")包含一个javascript文件，但我不想在javascript中编写组件的HTML部分......

尝试使用像$('#content').load("welcome.html");之类的内容并不是很好，因为javascript和welcome.html分别包含的文件较少

Answer 1

您可以使用各种方法来模板化html。

<tpl id="tplForComponentA">
  <div>something component A will use as a templete</div>
</tpl>

在页面加载时，您可以收集tpl.innerHTML并在需要的地方使用它们。

示例

//$('#content').load("welcome.html");
$('#content').html($('#tplForComponentA').html());