如何为dotnet core（web Api）代码更改和TypeScript代码更改启用实时重新加载

Question

我有一个Asp。用于Web API开发的Net Core应用程序以及Angular 2（Types cript）中的客户端代码。

出于构建目的，我在使用WebPack的同时也在使用“WebPack dev server”。

目前我在“Package.Json”文件中有2个脚本，

"scripts": {
"startWebpackDevServer": "webpack-dev-server --inline --progress --port 8080",
"build": "SET NODE_ENV=development && webpack -d --color && dotnet run"

}，

>

当我运行命令npm run start WebpackDevServer时，Web应用程序在端口8080可用，只要我更改任何客户端代码（打字角度），实时重新加载就会发生，更改会自动出现在浏览器上。（

但是，在端口“8080”中，我的Web API调用给了我404，为什么？

当我运行命令“npm run build”时，Web应用程序在端口“5000”可用，Web API调用也给了我结果，这里缺少的是“实时重新加载”。

我正在寻找一个命令，应该活重新加载上，a。在typescript角度代码的任何变化

请建议！

Answer 1

“dotnet watch run”应该执行webapi live-reload。标签应添加到Microsoft的项目文件中。DotNet。观察者。工具。

Answer 2

我不能百分之百肯定我明白你的问题，但我怀疑你能有一个命令来实时重新加载Web Api。首先，它与node没有任何关系。您可以尝试对使用watch命令或类似的命令。净核心。

你可以在这里查一下如何使用这块手表。否则，如果您只是在Visual Studio中构建应用程序，并在IIS（或IIS Express）之后运行它，这将基本上实现相同的效果。

Answer 3

我不完全理解你的需要，但你仍然有答案。

您可以使用http服务器和手表来实现这一点。为了在javascript项目（web）或C#项目（API）发生更改时实现实时重新加载，建议将web和web API项目放在同一文件夹下。

您必须禁用webpack中的watch，并避免使用webpack dev server，因为您将拥有一个外部工具（watch

全局安装超文本传输协议-server和watchnpm模块，如下所示。

<代码>

监视将监视文件的当前工作目录中的文件更改。如果JAVSCRIPT代码或c#代码中发生任何更改，它将执行作为CLI选项给出的命令。该命令将使用http服务器重新加载页面。

包中的生成任务。json可能如下所示。

"build:dev": "SET NODE_ENV=development && dotnet run && webpack -d --color && npm run serve",
"watch": "watch 'npm run build:dev' -p=node_modules|Bin|Obj|lib -d",
"serve": "http-server -p 8080",
"start": "npm run build:dev && npm run watch"

现在执行