2017-10-19 113 views
4

我們希望在我們的ASP.NET核心項目中使用Angular CLI。作爲輸出,我們選擇wwwroot而不是dist。默認的ng服務可以自動更換熱模塊。但是現在我們需要用kestrel和iis集成進行熱模塊替換。我們決定不使用AspNet核心Javascript服務,因爲我們想使用Angular CLI作爲默認設置。帶有熱模塊替換的ASP.NET核心中的角度CLI

有沒有人知道如何使用Angular CLI和ASP.NET核心標準hostring使用wwwroot中的staticfiles啓用熱模塊替換?

+0

絕對對此感興趣。你有沒有找到解決方案stephan.peters? – Bohms27

+0

我們將使用角度cli來託管客戶端應用程序(js,CSS,html ...),並在啓用了2個不同端口和cors的本地主機上使用iis kestrel進行web api。所以我們不再尋求兩者之間的深刻整合。 –

回答

0

我可以用這些步驟運行角度cli。

  1. 確保您的系統上安裝了最新的typescript安裝。

  2. Visual Studio創建asp.net核心角模板項目2017年

  3. 現在用npm-check-updates

  4. 更新所有的NPM封裝,

    npm install

    安裝NPM包
  5. 安裝角/ CLI全球

    npm install @angular/[email protected] -g

  6. 安裝角/ CLI本地

    npm install @angular/[email protected] --save-dev

  7. 上的任何臨時位置主項目之外創建一個角項目用這個命令:

    ng new hello-world

  8. 現在,到項目目錄,並.angular-cli.json文件複製到你的主點網核心項目的根。 然後,你必須編輯這個文件的這一部分:

    "root" : "src"變化"root" : "ClientApp"

萬物做!

現在,去你的項目的組件目錄

cd ClientApp/app/components

,並讓您的組件在組件目錄在終端:

ng g c MyComponent --module='app.module.browser.ts'

+0

你可以運行服務(webpack開發服務器)與Web Api在同一端口上的IIS kestrel上。我不這麼認爲......這個問題不是如果你可以把角度cli項目結構放在Asp.net核心項目中。 –

0

答案是我們必須在本地主機環境上接受2個本地主機服務器在開發時一起運行。 Ng與webpack dev服務器一起爲客戶端代碼(角度應用)提供服務,iis使用kestrel爲web api或MVC提供服務......這樣,您可以使用ng服務使用熱模塊替換。