如何在Blazor应用中将自定义.scss的.css输出复制到wwwroot？

方案1：配置LibSassBuilder直接输出到wwwroot（最推荐） #

既然你已经在用LibSassBuilder，完全可以直接让它把转译后的CSS文件输出到wwwroot，省去后续复制步骤。只需在项目的.csproj文件中添加以下配置：

<PropertyGroup>
  <!-- 指定转译后的CSS文件输出目录 -->
  <SassOutputPath>wwwroot/css</SassOutputPath>
  <!-- 可选：设置输出样式，比如compressed压缩、expanded展开 -->
  <SassOutputStyle>compressed</SassOutputStyle>
</PropertyGroup>

这样你的custom.scss文件转译后会直接生成到wwwroot/css/custom.css，无需额外操作，开发时修改scss文件也会自动重新转译到目标目录。

方案2：通过项目文件添加构建后复制任务 #

如果需要保留LibSassBuilder默认的输出路径，再将文件复制到wwwroot，可以在.csproj中添加自定义构建目标：

<Target Name="CopyCssToWwwroot" AfterTargets="Build">
  <!-- 替换SourceFiles为你的css实际输出路径，通常是$(OutputPath)下 -->
  <Copy
    SourceFiles="$(OutputPath)custom.css"
    DestinationFolder="wwwroot/css"
    SkipUnchangedFiles="true" />
</Target>

这个任务会在每次构建完成后，将转译好的CSS文件复制到wwwroot指定目录。如果需要在文件保存时自动触发复制，可以结合dotnet watch命令，它会监听文件变化并重新执行构建任务。

方案3：VS开发时实时同步（手动辅助） #

在VS中，你可以右键点击转译后的custom.css文件，选择**"在文件资源管理器中打开"**，然后将文件拖到wwwroot的目标目录，选择"创建链接"而非复制。不过这种方式需要手动维护，自动化程度不如前两种方案。

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