使用VisualStudio 2015

Question

如何使用VS 2015使用Webpack发布angular 2 ... 我试图在VS 2015中开发一个带有webpack应用程序的角度2。我尝试选择 Webdeploy 的发布配置文件。但它给了我一个错误：

  

将文件dist \ app.c5115b00bf67c961f449.css.map复制到obj \ Release \ Package \ PackageTmp \ dist \ app.c5115b00bf67c961f449.css.map失败。找不到文件'dist \ app.c5115b00bf67c961f449.css.map'。

任何人都可以告诉我使用VS 2015使用webpack部署/发布angular 2应用程序的正确过程。我为此应用程序选择了ASP.NET空项目。使用here

上的快速入门设置项目

Answer 1

你有没有看过你的Dist，看看那个文件是否存在？确保查看哈希值。这是自动生成的。以下是我可以用来将Angular2发布到Windows框的步骤。

1. 您不应该在项目中包含DIST文件（稍后会包含此问题，您将遇到的问题是Hash更改，这就是您遇到错误的原因）

2. 在您的发布配置文件中（prd.pubxml）您需要在第一个属性组中添加以下行。这是可选的，只是不发布您不需要的文件/文件夹

   <ExcludeFoldersFromDeployment>insert folders here not needed for deployment separated by ;</ExcludeFoldersFromDeployment> <ExcludeFilesFromDeployment>inset file names here not needed for deployment seperate by ;</ExcludeFilesFromDeployment>

将第一个属性组中的以下代码粘贴到同一文件中。

<Target Name="DistFiles">
    <ItemGroup>
      <_CustomFiles Include="dist\**\*" />
      <FilesForPackagingFromProject Include="%(_CustomFiles.Identity)">
        <DestinationRelativePath>%(RecursiveDir)%(Filename)%(Extension)</DestinationRelativePath>
      </FilesForPackagingFromProject>
    </ItemGroup>
  </Target>
  <PropertyGroup>
    <CopyAllFilesToSingleFolderForPackageDependsOn>
      DistFiles;
      ;
    </CopyAllFilesToSingleFolderForPackageDependsOn>
    <CopyAllFilesToSingleFolderForMsdeployDependsOn>
      DistFiles;
      ;
    </CopyAllFilesToSingleFolderForMsdeployDependsOn>  
  </PropertyGroup>

无论散列密钥如何，这都将部署dist文件。注意“CustomFiles Includes”行这会抓取Dist

中的所有文件和文件夹