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

Question

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

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

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

Answer 1

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

像这样创建 ASP.Net Core 应用

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

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