如何通过MSBuild将npm构建产物复制到发布目录？（.NET 5.0）

你的问题出在两个核心点：一是通过<None>元数据配置动态生成文件的复制逻辑，无法被MSBuild的发布流程正确识别；二是原Target的触发时机仅关联了Build，在发布流程中不会执行对应的复制操作。

以下是适配.NET 5.0的正确配置：

<!-- 定义静态文件集合，匹配staticsite目录下所有文件及子目录 -->
<ItemGroup>
  <StaticSiteFiles Include="staticsite\**" />
</ItemGroup>

<!-- 在构建和发布前执行npm依赖安装与静态文件构建 -->
<Target Name="ExecuteNpmBuild" BeforeTargets="Build;Publish">
  <!-- 指定项目根目录为工作目录，确保npm命令在.csproj同级路径执行 -->
  <Exec Command="npm install" WorkingDirectory="$(ProjectDir)" />
  <Exec Command="npm run build" WorkingDirectory="$(ProjectDir)" />
</Target>

<!-- 复制静态文件到本地构建输出目录 -->
<Target Name="CopyStaticToOutput" AfterTargets="ExecuteNpmBuild">
  <Copy
    SourceFiles="@(StaticSiteFiles)"
    DestinationFiles="@(StaticSiteFiles->'$(OutputPath)%(RecursiveDir)%(Filename)%(Extension)')"
    SkipUnchangedFiles="true"
    PreserveLastWriteTime="true"
  />
</Target>

<!-- 复制静态文件到发布部署目录 -->
<Target Name="CopyStaticToPublish" AfterTargets="ExecuteNpmBuild;Publish">
  <Copy
    SourceFiles="@(StaticSiteFiles)"
    DestinationFiles="@(StaticSiteFiles->'$(PublishDir)%(RecursiveDir)%(Filename)%(Extension)')"
    SkipUnchangedFiles="true"
    PreserveLastWriteTime="true"
  />
</Target>

关键说明： #

• 触发时机优化：将npm命令的Target关联到Build和Publish的前置阶段，确保本地构建、发布部署两种场景下都会先执行npm的构建流程。
• 直接使用Copy任务：对于动态生成的文件，<Copy>任务是最可靠的复制方式，避免依赖项目元数据的延迟识别问题。
• 路径正确性保障：通过WorkingDirectory="$(ProjectDir)"锁定npm命令的执行路径，防止因工作目录异常导致的文件生成位置错误。

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