动态加载模块？angular2

Question

我们正在忙着构建一个相当大的企业应用程序，它有大量的模块和组件。我正在讨论一个问题，我需要允许公司中的其他开发人员为这个应用程序开发组件，而不必更改应用程序本身使用的代码。

的一个例子是：

‘'Peter’是一个来自组织内部另一个业务单元的开发人员，需要构建一个图表组件。我们不希望Peter更改较大应用程序的代码，而是构建和维护自己的“模块”(这些组件将通过一个设置的接口构建，以允许宿主应用程序与子“图表”组件通信)，以处理其图表组件中所需的所有功能。在更大的应用程序中，我们需要能够指向这个模块(通过配置)并动态加载它。

这里的要点是，我需要允许任何开发人员引用自己的模块，而不需要我的应用程序专门了解组件。我不能将它放在我的entryComponents或声明中，因为它需要在运行时加载，并且应该允许根据使用应用程序的业务单元的需求进行更改。

我一直在查看SystemJsNgModuleLoader，但是我看不到加载不是我的应用程序直接一部分的组件的方法。

我不确定这是否有可能，我是否在某个地方遗漏了什么。如有任何指导/建议，将不胜感激。

Answer 1

源代码管理

使用Git进行源代码管理。

Development

开发特征模块。用可用的源代码将它们捆绑到一个UMD包中。这允许您的开发人员：

1. 适用于生产的静态包的目标AOT
2. 在开发过程中加载动态模块

部署

将您的模块作为一个版本包部署到NPM (安装一个由私人托管的NPM存储库)。

一旦部署，您的开发人员就可以安装、版本和管理包依赖项，就像任何其他NPM包一样：

npm install <package>