2017-10-19 49 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服务使用热模块替换。