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

Question

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

Webpack文档说，为了包含需要向模块添加require（../ filepath）的静态CSS，但我没有看到在boot.browser.ts中执行此操作的方法。

我还在开始使用.NET核心，所以我的网站基本上只是带有Angular的OOB .Net Core 2模板。我现在在ClientApp / Styles / Global.css中保留我的全局样式表。谢谢你的时间。

Answer 1

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

像这样创建ASP.Net Core应用

然后，您将在angular应用程序中看到style.css。那是您放下全局风格的地方

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