时间戳

首页 > 解决方案 > 无法在 home.cshtml 中引用 Angular Cli 生成的脚本和 css 而不是 .NET Core Angular cli spa 模板中的默认 index.html

c# - 无法在 home.cshtml 中引用 Angular Cli 生成的脚本和 css 而不是 .NET Core Angular cli spa 模板中的默认 index.html

问题描述

我遇到了使用 Visual Studio 2017 将 .NET core 2.2 模板中的现有模板从 Angular 4.0.3 升级到 Angular 6.1 的问题。

以下是详细信息

根据默认模板结构https://github.com/aspnet/AspNetCore/tree/master/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/Angular-CSharp它也使用默认 index.html。

我在引用生成的 css 和 js 文件时遇到了一些麻烦。我需要为 Home 控制器使用 cshtml 文件，而不是模板附带_Layout的默认值。将包含 Angular 项目的根组件。但是我不确定如何在cshtml页面中链接模板在运行时生成的css和js文件。当我们按 F5 启动应用程序时，这些 css 和 js 文件由 webpack 生成，因为它创建了 Angular cli 服务器 ( ) 的单独实例，但这些文件在解决方案中不可见。index.htmlHome.cshtmlng serve

同样，我需要dotnet publish在生产构建和部署期间提供这些文件的链接。(ng build --prod).

你能帮忙吗，因为我遇到了将 .NET core 2.2 模板中的现有模板从 Angular 4.0.3 升级到 Angular 6.1 的问题。早期的模板使用webpackmiddleware 和热重载来单独生成这些文件，但现在它是 Angular cli 的一部分.

PS我正在关注这篇文章https://medium.com/@waelkdouh/how-to-update-visual-studio-asp-net-core-angular-project-to-the-latest-version-25de32cfeb84

对于设置，但我的要求是在 Razor 视图页面/_Layout 中引用它们而不是默认的 index.html

标签： c#angularasp.net-corevisual-studio-2017asp-net-core-spa-services

解决方案

推荐阅读