dotnet new angular - dist 没有更新？

Question

我通过dotnet new --install Microsoft.AspNetCore.SpaTemplates::*，根据Scott Hanselman's guide 安装了SPA 模板（包括角度）。

接下来，我创建了一个新的 Angular 项目：dotnet new angular -n MyProject

我在 Visual Studio 2017 中打开了这个项目。我用 Ctrl+F5 运行它，网站运行。我得到一个控制台屏幕，告诉我去http://localhost:5000。我去了那里，浏览器中出现了一个站点，上面有“Hello, World!”。在页面顶部。一堆“信息”出现在控制台中。到目前为止一切顺利。

然后我去ClientApp/app/components/home/home.component.html。我做了一个小的文本更改：我将<h1>Hello, world!</h1> 更改为<h1>Hello, Matt!</h1>。在控制台中，我看到一条消息 Node will restart because file changed: ...home.component.html。伟大的。除非我转到浏览器，否则不会出现更改。它仍然说“你好，世界！”。我试过清除缓存，打开其他浏览器等，没有骰子。

我在控制台或浏览器控制台中看不到任何错误。 wwwroot/dist/main-client.js 似乎没有更新。

我错过了什么？为什么不采纳此更改？

更新：

我已经部分弄清楚了。我还没准备好发布答案，因为我不能 100% 确定我做对了。

我注意到，当我从命令行运行 webpack 时，dist 文件夹得到了更新。查看Startup 中的Configure 方法，我注意到有一个app.UseWebpackDevMiddleware(...)。我调试并意识到这没有被调用，因为env.IsDeveloper() 返回错误。我查看了 launchSettings.json （由 Visual Studio 创建，而不是模板）。我添加了 ASPNETCORE_ENVIRONMENT (you can see the before & after in this gist)。一旦我这样做了，我在 angular 文件中所做的任何更改都会导致重建并更新 dist 文件夹。

所以...这是模板的问题，VS2017 的问题，还是我自己的开发环境的问题？

Answer 1

我不会安装 SPA 模板，而是使用 CLI 来：

1- 使用“npm install -g yo”安装 yo 生成器

2- 使用“npm install -g yo generator-aspnetcore-spa”安装 aspnetcore 生成器

3- 使用“yo aspnetcore-spa”生成一个新的 Angular 应用程序

我希望这会有所帮助。