如何在MAUI与Blazor项目之间共享通用CSS文件？

方案1：共享项目+链接文件配置 #

你之前用共享项目的思路没问题，只是缺了文件属性配置。操作步骤如下：

• 在共享项目里存放通用CSS文件（比如SharedStyles.css）。
• 分别打开MAUI和Blazor项目，右键wwwroot文件夹 → 添加 → 现有项，找到共享项目里的SharedStyles.css，点击添加按钮旁的下拉箭头，选择添加为链接。
• 选中两个项目里的这个链接文件，在属性面板设置：
  • 生成操作：内容
  • 复制到输出目录：如果较新则复制
    编译时文件会同步到各自项目的wwwroot，两个项目就能正常引用了。

方案2：用Razor类库（RCL）统一管理共享资源 #

这是更规范的推荐做法：

• 创建一个Razor类库项目，把通用CSS放到项目的wwwroot文件夹下（比如wwwroot/css/SharedStyles.css）。
• 在MAUI和Blazor项目中分别引用这个RCL。
• 在MAUI的index.html（BlazorWebView的宿主页面）和Blazor的_Layout.cshtml/index.html里，通过路径_content/[你的RCL项目名]/css/SharedStyles.css引用该CSS文件。
  RCL会自动把资源嵌入到引用它的项目中，无需手动复制文件，维护更省心。

方案3：操作系统级符号链接（适合本地开发） #

如果只是本地开发使用，可给两个项目的wwwroot创建指向同一CSS文件的符号链接：

• Windows：打开管理员命令提示符，切换到MAUI项目的wwwroot目录，执行 mklink SharedStyles.css "D:\路径\到\共享的\SharedStyles.css"
• Linux/macOS：终端切换到对应wwwroot目录，执行 ln -s /路径/到/共享的/SharedStyles.css SharedStyles.css
  注意这个方法团队协作时需同步说明，否则其他成员可能需要手动创建链接。

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