如何创建一个内部包含另一个 Angular Cli 的 Angular Cli 应用程序？

我正在开发一个使用 AngularCli 的 Angular2 应用程序，我想将其用作另一个项目的“布局”（如 MasterPage）。就像一个大的“SPA系统”。

例如，在菜单中我们将有以下内容：

• Framework
  • Page A
• Xpto
  • Page B

该框架运行于http://本地主机:90 http://localhost:90XPTO 正在运行http://本地主机:91 http://localhost:91。它们都运行在 Angular Cli 上。

我想创建一个结构，当我单击页面 A 或页面 B 时，浏览器不会重新加载，并且它将向用户提供“应用程序”样式，将页面作为跨站点的 SPA 加载。

主要原因是为了将“Framework”项目中的 Javascript、CSS 和许多其他文件重用到其他 20 个项目。我不想在这些项目中复制所有组件、文件等。

今天我们使用 MVC3 和 RazorGenerator 创建 .cshtml 作为 DLL，以便将 .cshtml 从 Framework 重用到其他模块。

但我们想要 Angular Cli。有什么办法可以做到这一点吗？如果不是，是否有某种方法可以在 Angular Cli 中创建一个可以重用组件和其他文件的模板？

谢谢 ！

您可以将共享的 Angular 组件和模块放入单独的 npm 包中，并使用该包作为其他项目的依赖项。 为了引用您的 npm 包（我假设它不是托管在 npmjs.com 上），您可以指定 git 存储库或本地路径。 这是 package.json 的示例

{
  "name": "foo",
  "version": "0.0.0",
  "dependencies": {
    "my_git_package": "git+ssh://user@hostname/project.git#commit-ish",
    "my_local_package": "file:../foo/bar"
  }
}

看一眼dependencies此处部分https://docs.npmjs.com/files/package.json https://docs.npmjs.com/files/package.json