2017-04-04 125 views
4

我在Angular2中使用AngularCli開發了一個應用程序,我想將它作爲「Layout」(如MasterPage)用於另一個項目。就像一個大的「SPA系統」。如何創建一個包含另一個AngularCli的AngularCli應用程序?

例如,在菜單中,我們將有以下幾點:

  • 框架
    • 頁A
  • Xpto
    • 網頁B

該框架運行在http://localhost:90和XPTO運行在http://localhost:91。他們都在AngularCli上運行。

我想創建一個結構,當我點擊頁面A或頁面B時,瀏覽器不會重新加載,它會爲用戶提供「應用程序」樣式,將頁面加載爲網站上的SPA。

主要原因是重新使用Javascript,CSS和許多其他文件從「框架」項目到其他20個項目。我不想複製這些項目中的所有組件,文件等。

今天我們使用MVC3和RazorGenerator來創建.cshtml作爲一個DLL來重用框架中的.cshtml到其他模塊。

但是我們想要去AngularCli。有沒有辦法做到這一點?如果不是,有什麼方法可以在AngularCli中創建一個可重用組件和其他文件的模板?

謝謝!

回答

4

您可以將共享的Angular組件和模塊放入單獨的npm包中,並將此包用作其他項目的依賴項。 爲了引用你的npm包(我假設它不在npmjs.com託管),你可以指定一個git庫或本地路徑。 這裏的package.json

{ 
    "name": "foo", 
    "version": "0.0.0", 
    "dependencies": { 
    "my_git_package": "git+ssh://[email protected]/project.git#commit-ish", 
    "my_local_package": "file:../foo/bar" 
    } 
} 

的例子看看這裏https://docs.npmjs.com/files/package.json

+0

嗨隨機dependencies節,感謝您的回答。我正在尋找如何做到這一點,但是當我做npm發佈時,這個軟件包會上網嗎?你有一些例子如何做到這一點? 再次感謝! – galioni

+0

嗨,爲我的回覆添加了一個例子 – Random

+0

它的工作原理!謝謝!你是一個救星! =) – galioni

相關問題