Angular 2 - 是否可以单独构建和部署应用程序模块

Question

我们正在努力使用 Angular 2 实现一个结构，并试图确定 Angular 2 是否适合我们。

让我们假设；

• 只有一个应用程序只包括一个侧边导航菜单、一个标题和一个容器。
• 项目有一百页（每一页都包含巨大的商业表格）。每种形式都是独立的模块。
• 有 3 个团队参与了这个项目。
• 用户将启动这些表单并在容器中查看。
• 每个页面都使用相同的共享模块，例如@angular、core-js、rxjs、zone.js 等。

有了这样的应用程序，我们希望所有团队成员在需要时分别单独地构建和部署每个表单。 我们还希望每个团队成员在其中一个相关表格上工作，就好像它是一个不同的项目一样。

我想我们在实时服务器中有以下文件夹结构。真的没有办法实现吗？

Here is the deployed folder organization

Here is the project files

page-99 的开发完成后，我只想自己构建和部署（如 Dist 文件夹中所示）。 之后，主应用程序将在加载该组件时注入服务。

Angular 2 真的可以吗？

提前感谢大家与我分享您的想法和信息。

Answer 1

Angular 元素可能有助于实现此功能。我找到了这个blog。 他们还为此 project 做了 poc。为此，我们需要使用 angular 6 版本。

Answer 2

我找到了这篇文章：How to build and publish an Angular module 它描述了相同的问题并使用 rollupjs(http://rollupjs.org/guide/en/) 间接构建模块。

使用 rollupjs 很重要，这样你的软件包就不会包含 Angular