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

.Net Core 2 SPA/Angular Template - Render Global CSS

我对 Webpack 和 .NET Core 2 Angular SPA Template 还很陌生。我正在尝试为整个网站创建 全局样式 sheet。我可以在布局视图中引用该样式以在主视图中呈现它,但是我失去了预呈现引擎和与 WebPack 捆绑(以及缩小)的好处。

Webpack 文档说,为了包含静态 CSS,您需要向模块添加一个 require(../filepath),但我在boot.browser.ts.

我仍然刚刚开始使用 .NET Core,所以我的网站基本上只是带 Angular 的 OOB .Net Core 2 模板。我目前将我的全局样式 sheet 保留在 ClientApp/Styles/Global.css 中。谢谢你的时间。

与带有 ASP.Net Core 2.2 的 visual studio 2019 Angular 模板一样,您不必像旧版本那样管理 webpack 文件。我假设您使用的是 Angular 5 和 webpack 模板。

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

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

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