angular – 在运行时从不同服务器加载模块

发布时间：2020-12-17 17:42:50 所属栏目：安全来源：网络整理

导读：是否有可能在我的角度2应用程序运行时从不同的服务器加载不同的模块,如果是这样,我怎么能实现这一点？我希望我的应用程序从隔离的服务器(A,B,C)加载整个应用程序中的不同组件,因此可以从主应用程序和A,B或C中包含的任何组件中独立地删除和更新它们.将不会被

是否有可能在我的角度2应用程序运行时从不同的服务器加载不同的模块,如果是这样,我怎么能实现这一点？

我希望我的应用程序从隔离的服务器(A,B,C)加载整个应用程序中的不同组件,因此可以从主应用程序和A,B或C中包含的任何组件中独立地删除和更新它们.将不会被加载.底部显示的3个模块将具有组件,但主应用程序将在其中声明应加载组件的HTML.

Overview

UPDATE

通过路由延迟加载不是我想要的,3个模块应该是完全独立的模块,它们有自己的存储库,项目,托管,enz.

解决方法

有点晚了,但你可以在路线中使用延迟加载机制来完成你想要的.

本文介绍了如何从其他来源加载webpack模块：
Solution: load independently compiled Webpack 2 bundles dynamically

在路由中,您在loadchildren部分中定义了一个回调：

const appRoutes: Routes = [
    {path: '',component: MainComponent},{path: 'modulea',loadchildren: loadModuleA}
]

loadModuleA方法如下所示：

export function loadModuleA() {

    return new Promise((resolve,reject) => {

        // the method from the article
        loadPlugin('path/to/server/of/moduleA',(exports) => {
            // The Submodule must export ModuleA
            resolve(exports.ModuleA);
        });

    });

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!