TFS Build 2010 - 部署前缩小 JS/CSS

Question

我已经掌握了 Ajax 压缩器，以便在构建/打包/部署过程中压缩一些 JS 和 CSS 文件。它是一个很棒的工具，并且完全满足我们的需要。然而，事实证明，将其集成到我们的构建/部署过程中非常困难。

理想情况下，我们希望仅在执行 TFS 2010 构建之一时运行此工具（即不在开发计算机上本地 (Ctrl+Shift+B jobbie) 构建） ）。另外，我们希望在这种情况下用缩小的文件（即在相同的文件名下）替换当前的“非缩小”文件，而不是加载名为“.min.js”等的附加文件

。阅读我认为关键是工作流程中的自定义构建任务 - 但我不知道如何解决这个问题 - 特别是当我希望缩小直接从 TFS 中的发布分支拉下的文件时（即不在某人的本地工作区）作为 TFS 2010 构建的一部分。

这是我发现的与我想要实现的目标最接近的讨论： Microsoft Ajax Minifier - TFS 2010 工作流程 - TFS 构建中的 AjaxMin

我相信我需要在构建工作流程，但不知道如何创建一个来解决这个问题。任何人都可以阐明允许在部署之前进行缩小的流程吗？

Answer 1

好的 - 感谢这些答案和大量的研究...我得出了以下解决方案:)

从自定义代码活动开始，我尝试从 C# 代码运行缩小器，然后将该活动作为工作流程的一部分调用。这不起作用，因为 .dll 版本的压缩器公开了几种压缩 .js 和 .css 文件的方法，然后让您打开某种 StreamWriter 并使用从返回的压缩字符串重写文件方法（如果您想覆盖现有文件）。一整天都需要大量打开和关闭文件，因此我对该解决方案不太满意。使用进程类在启用 -clobber 选项（用于覆盖文件）的情况下运行 .exe 也不理想，并且会产生一些奇怪的结果（未正确缩小文件并在每个文件的头部写入一些垃圾）。

所以，你问，我决定的解决方案是编写一个 PowerShell 脚本（我从 这里得到的开始 - 然后我对其进行了稍微修改以采用命令行参数 - 这将是项目的根文件夹 该脚本递归地遍历每个文件（以及每个子目录的文件）并缩小了里面的 .css 和 .js ，其结构看起来像这样：

$ScriptDirectory = $args[0]
Write-Host "Validating directory parameter: $ScriptDirectory"
Write-Host ""

if ((Test-Path -path $ScriptDirectory) -ne $True)
{
     #Throw an error of some kind (the parameter passed in isn't a valid directory).
}

$Minifier = “C:\Program Files\Microsoft\Microsoft Ajax Minifier 4\AjaxMin.exe”

get-childitem $ScriptDirectory -recurse -force -include *.js, *.css -exclude *.min.js, *.min.css | foreach-object {&$Minifier $_.FullName -out $_.FullName -clobber}

所以我们使用 .js 或 .css 扩展名来遍历根文件夹的每个子项目（忽略 .min.* 的扩展名）这些已经被压缩）。

在 TFS 中，我们需要做的就是向 InvokeProcess 步骤。 href="http://www.ewaldhofman.nl/post/2010/11/09/Part-14-Execute-a-PowerShell-script.aspx" rel="noreferrer">在 TFS 中执行 PowerShell 脚本 您可以使用 InvokeProcess 活动的 Arguments 属性将参数传递到（开始压缩的目录）。

要在发布之前获取 TFS 构建用于编译代码的目录（临时工作区，如果您愿意），您可以使用构建的 Run On Agent 序列中可用的 SourcesDirectory 变量。这是 TFS 构建过程编译和打包文件的位置，因此此处缩小的任何内容都将最终出现在最终的部署包中。

PS - SourcesDirectory 非常高 - 您可能不想从那里一直钻取到您的 .js 和 .css 文件，因此您需要指定类似以下内容：

SourcesDirectory + "/" + "MyProjectFolder/Scripts"

确保在代码执行之前添加此 InvokeProcess 步骤部署在工作流程中，嘿-presto - 您将拥有缩小的 .js 和 .css 文件，它们仅将原始文件名保留为 TFS 构建的一部分，而不是本地文件名。

非常感谢所有回答并为我指明正确方向的人。我希望这对一路上的人有所帮助！

Answer 2

作为自定义代码活动来执行此操作当然是可行的，但您必须付出一些努力。我的建议是：

1. 首先关注 Ewald Hofman 的 TFS 2010 自定义博客 http://www.ewaldhofman.nl/post/2010/04/29/Customize-Team-Build-2010-e28093-Part-4-Create-your-own-activity.aspx 了解如何创建自定义活动
2. 然后查看 http://www.ewaldhofman.nl/post/2010/06/01/Customize-Team-Build-2010-e28093-Part-10-Include-Version-Number-in-the-Build- Number.aspx 来自同一系列，用于实现查找所有符合某种模式的文件的机制。在该示例中，对 assemblyInfo.cs 文件进行了索引，并且其内容发生了更改。通过搜索您的 *.js 文件来替换它。
3. 在您选择的文件上释放 Ajax Minifier 的强大功能，并用缩小后的文件替换原始文件。
4. 构建活动，将其作为您在 TFS 2010 中使用的构建过程模板中的一个步骤（也在相同的博客文章中进行了描述）并将其微调到您满意的程度。

或者，您可以要求问题中包含的帖子的作者分享他与我们创建的 Minifier TFS 活动:-)

请告诉我这对您来说效果如何。

Answer 3

您需要实现一个Invoke Process Activity，以便 Minifier 在 TFS 构建期间执行。

为此，您还必须在进行构建的服务器中安装压缩器，即所谓的构建代理。通过这样做，您将确保仅在 TFS 构建期间（而不是本地 VS 构建）调用 Minifier。

为了重命名生成的输出文件 (*.min.js)，您需要为此实现另一个自定义活动。
覆盖签入的文件需要您首先使它们可写，这意味着另一个自定义活动（我在 另一个答案 一个片段）。

整个编舞是
使用 InvokeProcess 调用缩小器 --> 使签入的文件可写 --> 用重命名的缩小文件覆盖签入的文件。

在 TFS 构建中执行此操作的正确方法是将它们包装在 Sequence 中。

可以找到一篇关于如何实现 Invoke Process 的优秀介绍性博客文章 此处。
我还找到了 E.Hofman 的系列，具有真正的价值。