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

Question

我有一个使用 AngularCli 在 Angular2 中开发的应用程序，我想将它用作另一个项目的 "Layout"（如 MasterPage）。像个大"SPA System".

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

框架
- A页
Xpto
- B页

http://localhost:90 and XPTO is running in http://localhost:91 中的框架运行。它们都是 AngularCli 上的运行。

我想创建一个结构，当我点击页面 A 或页面 B 时，浏览器不会重新加载，它会为用户提供 "app" 样式，将页面加载为 SPA ACROSS网站。

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

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

但我们想要使用 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

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

How to create an AngularCli application that contains another AngularCli inside?

javascript

asp.net-mvc-3

angular-cli

angular