如何创建一个包含另一个 AngularCli 的 AngularCli 应用程序？

Question

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

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

• 框架
  • A页
• Xpto
  • B 页

框架在http://localhost:90 中运行，XPTO 在http://localhost:91 中运行。它们都在 AngularCli 上运行。

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

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

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

但我们想要使用 AngularCli。有什么办法吗？如果不是，有没有办法在 AngularCli 中创建一个模板，可以重用组件和其他文件？

谢谢！

Answer 1

您可以将共享的 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