2017-02-27 88 views
8

我正在嘗試準備一個項目的結構,我知道這個項目的複雜性會增加。我想要使​​用ASP.Net Core MVC進行頂級導航。在每個主視圖中,我想放置一個Angular 2應用程序。具有多個角度2應用程序的ASP.Net核心MVC

我已經開始使用這個Yoman模板來支撐出發點Angular 2 with ASP.Net Core Template。這建成並運行良好。

在我的項目的根目錄中,我想要一個AngularApps文件夾,並在其中爲每個Angular應用程序指定一個文件夾,例如'Scheduling','Utilities','Equipment'。

有幾個問題我無法理解:

  1. 如何配置的WebPack?
  2. 我在AngularApps內有一個dist文件夾嗎?
  3. 對於每個Angular 2應用程序在其各自的應用程序文件夾中是否有boot-clientboot-server文件?

在我看來,務實的態度從一開始就計劃擁有多個角2個應用程序,每一個更集中的責任。我找不到如何實際完成這項工作的任何明確例子。我相信這對很多人來說都是有價值的。

非常感謝。

回答

5

我們在公司遇到了同樣的問題,並提出了這種結構。

我們有一個用於ASP.NET Core的主項目,和您一樣...我們的根文件夾名爲apps或AngularApps。然後,我們爲我們開發的每個角度應用程序創建單獨的項這些Angular應用程序中的每一個都是我們使用Angular CLI構建項目的基本節點項目。這包括Webpack和一系列用於您項目的強大工具。

最後,在Production構建設置中,我們將這些角度項目的輸出目錄設置爲主ASP.NET Core Project的wwwroot文件夾中的特定文件夾。

我希望這可以幫助,讓我知道如果您有任何問題。

+0

P.S. Angular CLI將幫助處理您的webpack文件的配置。 – aholtry

+0

非常有趣,謝謝。 Angular和ASP.Net對我來說都是新手,所以我正在努力理解我如何將它們結合在一起。儘管如此,我喜歡將關注點和方法結構分離到我的工作中。如果你有多個項目,你如何配置,以便你可以調試? – TDC

+0

出於好奇,如果您在單獨的VS Project中有每個Angular應用程序,那麼根目錄中的應用程序文件夾中有什麼? – TDC

相關問題