Javascript 用于单页应用程序的HTML和JS片段的构建时组装

我正准备编写一个大型的单页应用程序，但我正在寻找一种更好的方法来开发它，而不是将整个程序编写为一个文件。我关心的是可维护性和可测试性，所以我更喜欢将其拆分成模块或片段，这些模块或片段可以单独开发和测试，然后在构建时组装成单个文件。我相信我不需要做任何服务器端模板，这样传递到浏览器的最终文件将是静态的，任何定制都可以通过浏览器中的JavaScript完成

我想我也希望（也许有更好方法的工具存在，但我还没有找到它们）在完整的、自包含的HTML文件中开发HTML片段，这样它们就可以作为独立页面进行测试，而不必组装整个应用程序。这意味着需要有一种方法来告诉组装工具片段文件的哪一部分是实际片段，以便它应该丢弃围绕它的HTML沙盒

---

有什么开发工具可以让我做到这一点吗？

您计划构建一个模块化应用程序，对吗？然后看看这些资源：

• -本节讨论了您正在寻找的“可拆卸且可单独测试”部件

• 用于JS间依赖关系处理-用于需要其他JS文件才能工作的JS文件

• -用于构建您的应用程序

• 模板生成器-避免在JS文件中编写HTML

• 多用途工具包，如