2

我从 ASP.NET Core Web 应用程序 -> Angular SPA 开始，但我已将 Angular 应用程序移至 csproj 之外的单独存储库。

所以我的文件夹结构如下所示：

frontend
  dist

backend
  wwwroot
  backend.csproj

现在我想修改 csproj 以便发布副本frontend/dist/**/*.*到$(outputDirecory)/ClientApp/dist/**/*.*

我应该如何修改 PublishRunWebpack 目标以复制这些文件：

  <PropertyGroup>
    <SpaRoot>../Frontend</SpaRoot>
  </PropertyGroup>
  
  <Target Name="PublishRunWebpack" AfterTargets="ComputeFilesToPublish">
    <!-- As part of publishing, ensure the JS resources are freshly built in production mode -->
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build -- --prod" />
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build:ssr -- --prod" Condition=" '$(BuildServerSideRenderer)' == 'true' " />

    <!-- Include the newly-built files in the publish output -->
    <ItemGroup>
      <DistFiles Include="$(SpaRoot)dist\**; $(SpaRoot)dist-server\**" />
      <!-- Include the newly-built files in the publish output -->
      <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">


        <!-- THIS NEEDS TO BE CHANGED (I guess) -->
        <RelativePath>%(DistFiles.Identity)</RelativePath>
        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
      </ResolvedFileToPublish>
    </ItemGroup>
  </Target>
4

2 回答 2

3

我有同样的问题，几个小时后我找到了解决方案。我想这对您来说为时已晚，但其他人可能会发现它有帮助。正如你所说，问题出在RelativePath. 默认值 "%( DistFiles.Identity)" 使用完整文件名并将其附加到根发布文件夹。解决方案是构建您自己的相对路径，就像我在下面的代码中所做的那样。

<Target Name="PublishRunWebpack"
          BeforeTargets="ComputeFilesToPublish">
    <!--User app-->
    <Exec WorkingDirectory="$(SpaRoot)"
          Command="npm install"
          Condition="  !Exists('$(SpaRoot)node_modules') " />
    <Exec WorkingDirectory="$(SpaRoot)"
          Command="npm run build -- --prod" />

    <ItemGroup>
      <ClientDistFiles Include="$(SpaRoot)dist/**/*.*"/>
      <ResolvedFileToPublish Include="@(ClientDistFiles->'%(FullPath)')"
                             Exclude="@(ResolvedFileToPublish)">
        <RelativePath>ClientApp\app\dist\%(RecursiveDir)%(Filename)%(Extension)</RelativePath>
        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
        <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
      </ResolvedFileToPublish>
    </ItemGroup>
</Target>
于 2021-08-01T13:39:19.863 回答
2

根据您的描述，我发现前端文件夹不会复制到 PubTmp\Out 文件夹。这意味着 forentend spa 应用程序不会复制到发布文件夹。

我建议您可以尝试创建一个新目标，将 forentend dist 文件夹复制到 publish out 文件夹。

更多细节，您可以参考以下代码：

      <Target Name="PublishRunWebpack" AfterTargets="CopyFileToOutput">
    <!-- As part of publishing, ensure the JS resources are freshly built in production mode -->
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build -- --prod" />
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build:ssr -- --prod" Condition=" '$(BuildServerSideRenderer)' == 'true' " />

    <!-- Include the newly-built files in the publish output -->
    <ItemGroup>
      <DistFiles Include="$(SpaRoot)dist\**; $(SpaRoot)dist-server\**" />
      <DistFiles Include="$(SpaRoot)node_modules\**" Condition="'$(BuildServerSideRenderer)' == 'true'" />
      <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
        <RelativePath>%(DistFiles.Identity)</RelativePath>
        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
      </ResolvedFileToPublish>
    </ItemGroup>
  </Target>
  <Target  Name="CopyFileToOutput"  AfterTargets="ComputeFilesToPublish">
    <ItemGroup>
      <_CopyItems Include="obj\Release\netcoreapp2.2\PubTmp\Frontend\**\*.*" />
    </ItemGroup>
    <Copy
    SourceFiles="@(_CopyItems)"
    DestinationFolder="obj\Release\netcoreapp2.2\PubTmp\Out\Frontend\dist"
    />
  </Target>
于 2019-05-01T07:44:36.573 回答