我正准备编写一个大型单页应用程序，但我正在寻找一种比将整个内容编写为单个文件更好的方法来开发它。我关心可维护性和可测试性，因此我更愿意将其拆分为可以单独开发和测试的模块或片段，然后在构建时组装成单个文件。我不相信我需要做任何服务器端模板，因此交付给浏览器的最终文件将是静态的，并且通过浏览器中的 JavaScript 完成任何自定义。
我认为我还想要的（但也许存在具有更好方法的工具，但我还没有找到它们）是在完整的、自包含的 HTML 文件中开发 HTML 片段，以便它们可以作为独立页面进行测试，而无需必须组装整个应用程序。这意味着需要有一种方法来告诉组装工具片段文件的哪一部分是实际片段，以便它应该丢弃围绕它的 HTML 沙箱。
是否有任何开发工具可以让我做到这一点？