.Net Core 2 SPA/Angular 模板 - 渲染全局 CSS

Question

我对 Webpack 和 .NET Core 2 Angular SPA Template 非常陌生。我正在尝试为整个网站创建一个全局样式表。我可以在 Layout 视图中引用该样式以在主视图中渲染它，但是我失去了预渲染引擎和与 WebPack 捆绑（以及缩小）的好处。

Webpack 文档说，为了包含静态 CSS，您需要在模块中添加一个 require(../filepath)，但我在 boot.browser.ts 中没有看到这样做的方法。

我仍然刚刚开始使用 .NET Core，所以我的网站基本上只是带有 Angular 的 OOB .Net Core 2 模板。我现在将我的全局样式表保存在 ClientApp/Styles/Global.css 中。感谢您的宝贵时间。

Answer 1

与带有 ASP.Net Core 2.2 的 Visual Studio 2019 Angular 模板一样，您不必像旧版本那样管理 webpack 文件。我假设您正在使用带有 webpack 模板的 Angular 5。

像这样创建 ASP.Net Core 应用程序

然后你会在你的 Angular 应用中看到 style.css。这就是您放置全局样式的地方

希望对您有所帮助。最好的问候。