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

Question

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

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

Answer 1

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

1. 确保您的系统上安装了最新的打字稿。

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

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文件复制到主 dot net core 项目的根目录中。然后你必须编辑文件的这一部分：

   "root" : "src" 改成 "root" : "ClientApp"

一切都完成了！

现在，转到项目的组件目录：

cd ClientApp/app/components

并将您的组件放入终端的组件目录中：

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