VS2022中ASP.NET React SPA项目发布到文件夹未包含SPA文件，发布到Azure正常

针对你遇到的「发布到Azure Web App正常，但发布到本地文件夹时不构建、不包含SPA代码」的问题，可以通过以下步骤排查修复：

1. 确认SpaRoot变量配置正确 #

首先检查项目.csproj文件中是否正确定义了SPA根目录路径，这个变量是后续构建命令的基础。在<PropertyGroup>节点中添加或确认：

<SpaRoot>ClientApp\</SpaRoot>

注意：替换成你项目中React实际所在的目录，比如如果SPA代码在src/Client下，就改成<SpaRoot>src/Client\</SpaRoot>

2. 优化PublishRunWebpack目标配置 #

原配置可能存在触发时机或依赖安装的冗余问题，修改为以下内容，确保在所有发布场景下都能执行SPA构建：

<Target Name="PublishRunWebpack" AfterTargets="ComputeFilesToPublish">
    <!-- 仅当node_modules不存在时执行npm install，避免重复安装依赖 -->
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" Condition="!Exists('$(SpaRoot)node_modules')" />
    <!-- 执行React生产环境构建 -->
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build" />

    <!-- 将构建产物纳入发布输出 -->
    <ItemGroup>
      <DistFiles Include="$(SpaRoot)build\**" />
      <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
        <RelativePath>wwwroot\%(RecursiveDir)%(FileName)%(Extension)</RelativePath>
        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
        <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
      </ResolvedFileToPublish>
    </ItemGroup>
</Target>

3. 检查命令行发布参数（若使用MSBuild命令） #

执行发布命令时，必须指定Release配置，否则可能不会触发生产环境的SPA构建：

dotnet publish -c Release -o ./publish

4. 修复GUI发布的配置文件 #

如果用Visual Studio GUI发布，打开对应的.pubxml发布配置文件，添加以下配置确保SPA构建目标被启用：

<PropertyGroup>
    <PublishRunWebpack>True</PublishRunWebpack>
</PropertyGroup>

完成以上修改后，重新发布到文件夹，检查输出目录下的wwwroot文件夹，应该能看到React构建后的index.html和static等资源文件。

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