asp.net-core - 带有热模块替换的 ASP.NET 核心中的 Angular CLI

Question

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

有谁知道如何使用 Angular CLI 和 ASP.NET 核心标准主机环以及 wwwroot 中的静态文件启用热模块替换？

Answer 1

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

确保您拥有最新的 typescript安装在您的系统上。

在 Visual Studio 2017 中创建 asp.net core angular 模板项目。

现在用 npm-check-updates 更新所有 npm 包

安装 npm 包

npm install

全局安装 angular/cli

npm install @angular/cli@latest -g

在本地安装 angular/cli

npm install @angular/cli@latest --save-dev

使用以下命令在任何临时位置上的主项目之外创建一个角度项目:

ng new hello-world

现在，进入项目目录并复制.angular-cli.json将文件放入主 dot net core 项目的根目录中。
然后你必须编辑文件的这一部分:

"root" : "src" change to "root" : "ClientApp"

一切都完成了!

现在，转到您的 组件目录 你的项目:

cd ClientApp/app/components

并在 中制作您的组件组件目录 在终端:

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