ASP.NET核心中的Angular CLI，具有热模块替换功能

Question

我们希望在ASP.NET核心中为我们的项目使用Angular CLI。作为输出，我们选择wwwroot而不是dist。默认ng服务可自动更换热模块。但是现在我们需要使用kestrel和iis集成来替换热模块。我们决定不使用AspNet核心Javascriptservices，因为我们希望使用Angular CLI作为默认值。

有没有人知道如何在wwwroot中使用Angular CLI和带有staticfiles的ASP.NET核心标准hostring启用热模块替换？

Answer 1

我可以通过这些步骤运行角度cli。

1. 确保您的系统上安装了最新的typescript。

2. 在Visual Studio 2017中创建asp.net核心角度模板项目。

3. 现在使用npm-check-updates

更新所有npm包

4. 使用

   安装npm软件包

     

   npm install

5. 全局安装angular / cli

     

   npm install @angular/cli@latest -g

6. 在本地安装angular / cli

     

   npm install @angular/cli@latest --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'

Answer 2

答案是我们必须在本地主机环境中接受在开发时一起运行2个本地主机服务器。 Ng服务于webpack dev服务器用于客户端代码（角度应用程序），iis用kestrel用于web api或MVC ...这样你可以使用ng服务的热模块替换。