angular - angular2中动态加载外部模块

Question

我有托管 angular2 应用程序的 node.js 应用程序。整个应用程序都像这样使用延迟加载:

export const routes: Routes = [
    {
        path: '', component: MyComponent,
        children: [
            {
                path: 'lazy',
                loadChildren: '../common/lazy/lazy.module#LazyModule'
            }
    }
]

我公司的另一个团队正在构建另一种软件，但我们想重用他们的一些模块。我们不想共享严格的代码库，而是公开托管一个模块并让它由应用程序本身加载，这样我们就可以做这样的事情

export const externalRoutes: Routes = [
    {
        path: 'externalModule',
        loadChildren: 'http://mymodules.host/lazy.module#LazyModule'
    }
]

是否可以在“实时”应用程序中加载模块？我知道有类似动态组件加载器的东西，但我们需要加载一个包含大量组件的模块。

Answer 1

出于安全原因，您不能在项目之外加载模块。

你可以做什么，作为其他团队创建一个 Angular Library 项目

https://angular.io/guide/creating-libraries

并将其作为一个模块使用，方法是将其添加为 package.json

中的依赖项