在构建服务器上集成Google Closure Compiler和MS Build

时间:2011-04-23 16:41:14

标签: msbuild continuous-integration minify google-closure-compiler google-closure

我正在研究将javascript文件缩小为CI过程的一部分,以便我们可以在开发中使用未缩小的文件,并在部署到登台和实时服务器时自动压缩它们。

这适用于ASP.NET站点;我们使用Hudson作为构建服务器。

我对Google Closure编译器很感兴趣,而且我遇到了这个.Net MSBuild Google Closure Compiler Task,但它似乎并没有被广泛使用。有没有更好的选择与MSBuild一起使用,使用Closure或其他缩小工具?

4 个答案:

答案 0 :(得分:8)

我们已经在基于.NET的项目中使用Closure Compiler了一段时间。

最初,我们使用了一个直接调用Python脚本的简单MSBuild .proj文件。例如,我们将使用以下内容创建deps.js:

<PropertyGroup>
  <ScriptDirectory>yourprojectname</ScriptDirectory>
  <ClosureLibrary>closure</ClosureLibrary>
  <CalcDeps>$(ClosureLibrary)\bin\calcdeps.py</CalcDeps>
</PropertyGroup>

<Target Name="Deps">
  <Exec Command="$(CalcDeps) -o deps -p $(ScriptDirectory) -d $(ClosureLibrary) --output_file=$(ScriptDirectory)\deps.js" />
</Target>

实际构建更复杂,但仍然相对简单(假设你是MSBuild精明)。我们只是为脚本调用的每个相关部分使用了不同类型的项目组。

<Target Name="Build" DependsOnTargets="Init;FindCompiler">
  <PropertyGroup Condition="'@(Extern)' != ''">
    <Externs>-f --externs=@(Extern, ' -f --externs=')</Externs>
  </PropertyGroup>
  <PropertyGroup Condition="'@(Define)' != ''">
    <Defines>-f --define=@(Define, ' -f --define=')</Defines>
  </PropertyGroup>
  <PropertyGroup Condition="'@(Compile)' != ''">
    <Compile>-i @(Compile, ' -i ')</Compile>
  </PropertyGroup>
  <Exec Command="$(CalcDeps) $(Compile) -o compiled -c $(ClosureCompiler) -p $(ClosureLibrary) -p $(ScriptDirectory) $(Externs) $(Defines) -f @(CompilerOption, ' -f ') --output_file $(OutputFile)" />
</Target>

这很简单,我们没有费心去寻找任务,或者试图投资建立自己的任务。关闭是一个相当快速发展的项目,因此,在您不过度依赖任何第三方构建系统的情况下,特别是那些看起来没有维护的(您链接的任务),这是一件好事。

现在,我一直用过去时态说话,因为我们的构建系统已经迁移了一点。具体来说,随着我们的项目不断发展,将脚本代码的不同部分划分为模块变得越来越重要。使用开箱即用的Closure脚本执行此操作将是一场噩梦。因此,我们决定转向plovr(http://plovr.com/),这使得将代码分区为模块变得非常简单。 plovr非常积极地维护,由Michael Bolin创建,他在字面上写了关于Closure的书(也是强烈推荐)。

我们仍然使用相同的MSBuild文件包装它。基本上,我们在项目组中定义的东西移动到plovr-config.js文件,调用也变得更加简单:

<Target Name="Build" DependsOnTargets="Init;FindPlovr">
  <Exec Command="$(Plovr) build plovr-config.js" />
</Target>

plovr还支持其他一些很酷的功能,例如尺寸报告和模块图,但即使没有这些功能,我们也非常非常满意我们当前的设置。

答案 1 :(得分:1)

最明显的选择是YUI Compressor,它稳定可靠。

它有一个.Net端口:Yahoo! UI Library: YUI Compressor for .Net 有mbsbuild任务的船只。

此外,使用原始(Java)just as easy使用Exec任务,唯一的缺点是它具有java依赖性。

答案 2 :(得分:1)

SquishIt Details这是一个运行时压缩器,但做得很好。

答案 3 :(得分:0)

你应该看到我在Using Microsoft AJAX Minifier with Visual Studio 2010 1-click publish回答的一个非常相似的问题。您应该能够使用那里的详细信息来解决您的问题。