如何在.Net 9 MAUI Blazor与Web应用间共享Shared项目的CSS文件？

步骤1：Shared项目中配置CSS文件 #

• 在myawesomeapp.Shared项目里创建wwwroot/css目录（如果没有的话），把你的共享CSS文件（比如SharedStyles.css）放进去。
• 右键CSS文件→属性，设置：
  • 生成操作：Content
  • 复制到输出目录：如果较新则复制

步骤2：确保其他项目引用Shared项目 #

• 分别右键myawesomeapp（MAUI Hybrid项目）和myawesomeapp.Web.Client（WebAssembly客户端项目），选择添加→项目引用，勾选myawesomeapp.Shared，保存引用配置。

步骤3：在MAUI Hybrid项目中引用CSS #

打开myawesomeapp项目下的wwwroot/index.html，在<head>标签里添加引用：

<link href="_content/myawesomeapp.Shared/css/SharedStyles.css" rel="stylesheet" />

步骤4：在WebAssembly客户端项目中引用CSS #

打开myawesomeapp.Web.Client项目下的wwwroot/index.html，同样在<head>标签里添加相同的引用：

<link href="_content/myawesomeapp.Shared/css/SharedStyles.css" rel="stylesheet" />

补充说明 #

Blazor框架会自动将共享类库（Shared项目）中wwwroot目录下的静态资源，发布到客户端的_content/[项目名称]路径下，用这个路径就能跨项目访问到Shared里的CSS，保证移动端和Web端样式一致，避免重复代码。

内容的提问来源于stack exchange，提问作者sanepete