共享 CSS 文件 blazor

Question

我的 Blazor 应用程序中有 2 个页面正在运行：

Auth文件夹中的Login.razor

Profile文件夹中的AddPerson.razor

现在我有一个适用于 AddPerson.razor 文件的 CSS 文件。

我的问题是如何为两个页面使用相同的 CSS 文件？

Answer 1

新的 .NET5 CSS 隔离功能（将 css 文件放置在 razor 文件“下方”）的优点是 css 不在页面/组件之间共享，从而使它们更易于开发并包含/捆绑到特定组件。

但是，如果您想添加一些可通过您的应用程序使用的共享 css，您可以通过编辑站点范围的 css 文件来“以旧方式”完成此操作。使用 Blazor 模板，这将用于wwwroot/css/site.css服务器端或wwwroot/css/app.css客户端。