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

Question

I am very new to Webpack and the .NET Core 2 Angular SPA Template . I'm trying to create a global stylesheet for the entire site. I could reference that style in the Layout view to render it in the main view, but then I lose the benefits of the pre-render engine and bundling with WebPack (as well as minification).

The Webpack documentation says that in order to include static CSS that you need to add a require(../filepath) to your module, but I don't see a way to do this in the boot.browser.ts.

I'm still just getting started with .NET core so my site is basically just the OOB .Net Core 2 template with Angular. I'm keeping my global styles sheet in ClientApp/Styles/Global.css at the moment. Thanks for your time.

Answer 1

As in visual studio 2019 Angular template with ASP.Net Core 2.2 you don't have to manage webpack file like old version. I'm assume that you are using Angular 5 with webpack template.

Create ASP.Net Core app like this

Then you will see style.css in your angular app. That is where you put your global style

Hope it will help you. Best regards.