Angular 2 - 跨多个应用程序的路由/共享组件

Question

我们有一个业务需求，我们希望创建多个应用程序来独立部署每个应用程序，而无需重建整个专利项目。这些应用程序中的少数应该能够独立运行，但也应该能够注入(inject)到一个父应用程序中。

独立运行应用程序不是主要问题，但我们应该能够构建每个单独的应用程序并将 bundle 推送到服务器。我们的父应用程序应该能够路由到这些包并加载最新版本。 Angular cli 有一种创建多个应用程序的方法，但您将如何从一个应用程序路由到另一个应用程序，因为这两个应用程序将在两个单独的包中。

我们考虑过将每个应用程序用作单独的模块并将其作为 npm 依赖项注入(inject)到父应用程序中，但这将需要您每次都构建父应用程序以对任何应用程序进行小的更改。

如果有任何方法可以在 Angular 2/Angular CLI/Webpack 中实现这一点，请告诉我。

Answer 1

检查这个兄弟，强制 webpack 将大约 2 个应用程序构建到单独的包中，然后以某种方式在它们的路由被命中时加载它们。 https://medium.com/@somebody32/how-to-split-your-apps-by-routes-with-webpack-36b7a8a6231