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

时间:2017-04-04 18:48:27

标签: javascript angular asp.net-mvc-3 angular-cli

我使用AngularCli在Angular2中开发了一个应用程序,我希望将它用作" Layout" (如MasterPage)到另一个项目。就像一个大型的" SPA系统"。

例如,在菜单中我们将有以下内容:

  • 框架
    • Page A
  • Xpto
    • Page B

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

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

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

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

但我们想要去AngularCli。有没有办法做到这一点?如果不是,是否有某种方法可以在AngularCli中创建可以重用组件和其他文件的模板?

谢谢!

1 个答案:

答案 0 :(得分:4)

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