为单页应用程序 (SPA) 编译 HTML 片段？答案

【问题标题】：compiling HTML fragments for Single Page Application (SPA)?为单页应用程序 (SPA) 编译 HTML 片段？
【发布时间】：2012-11-13 08:59:32
【问题描述】：

Javascript 单页应用程序 (SPA) 可以使用简单的技术创建功能强大的 Web 应用程序。随着 SPA 变得越来越大，您似乎需要一种方法来分隔多个 html（以及 javascript 和 css）文件中的内容，以保持事情的可管理性和可维护性。

所有如何制作这样一个更大的应用程序的示例似乎都使用了单独的模板机制，例如 JSP 或 Asp.net MVC，将 html 片段组合成一个提供给客户端的 html 页面。对我来说，这对于 SPA 来说似乎有点矫枉过正，所以这就引出了一个问题：

是否有允许我将 html 片段编译成 html 文件的框架或工具（集），我可以将其部署到静态 Web 服务器而不需要像 IIS 或 Tomcat 这样的动态服务器？

这里的假设是有一个可供 SPA 对话的 Web (REST) API。

【问题讨论】：

【解决方案1】：

您看过这些类型的框架/库吗？

仅列出我知道的人。

【讨论】：

感谢您的回答。这些框架非常强大，但我看不出它们如何为我的问题提供解决方案。如果我有一个带有选项卡和许多不同“面板”的应用程序，我想在文件中“组件化”它，这样它们就可以在源代码控制中独立维护，可能由不同的开发人员编辑并单独测试。但在 SPA 中，您希望将其作为单个 html 页面发送到浏览器。我正在寻找可以帮助我在构建过程中实现这一目标的工具。

【解决方案2】：

您应该查看http://boilerplatejs.org/ - 它实现了 MVVM 模式并利用 RequireJS 及其文本插件来巧妙地分解您的视图、样式和视图模型。

我在 Asp.Net MVC 4 解决方案中使用它。 Durandal 是另一种选择，事实上 John Papa 最近推出了一个名为 Hot Towel 的 Visual Studio 模板。这也是另一种选择。

【讨论】：