如何从 http 加载 webpack Angular 7 模块?

Question

我正在尝试将 Angular 7.2 应用程序拆分为应用程序和两个模块;每个模块都将使用 Webpack 构建。 主应用程序将从 HTTP 加载模块 1、模块 2 作为 app.routing.ts 中的子级 有什么办法吗？

Answer 1

我知道这可能不是你提到 v7 以来一直在寻找的答案。不过...

如果您只更新到 V8(并且从 7 迁移到 8 应该很容易更新(，您可以使用简单的 es import 功能加载任何模块，即使使用路由器，但也没有他。

import(PATH_TO_MODULE).then(m => m.MODULE_NAME)

Answer 2

RouterModule.forRoot([
...
{path: 'path1', loadChildren: './module1/module1.module#Module1Module'},
{path: 'path2', loadChildren: './module2/module2.module#Module2Module'}
])

通过这种方式，Angular 将检测惰性模块，单独构建它们，并在 URL 中存在适当的路径时强制它们加载