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

Question

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

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

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

Answer 1

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

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

然后您将在 Angular 应用程序中看到 style.css。这就是你放置全局风格的地方

希望它能帮助你。此致。