需要 - 用于缩小 JS 和 CSS 的 Visual Studio 自定义构建操作答案

【问题标题】：Needed - Visual Studio Custom Build Actions To Minify JS and CSS需要 - 用于缩小 JS 和 CSS 的 Visual Studio 自定义构建操作
【发布时间】：2010-10-04 17:28:13
【问题描述】：

我一直在我的应用程序中使用Combres 在运行时压缩、组合和缩小我的 javascript 和 css。这非常好用，完全满足YSlow。

现在，出于性能原因，我正在重新考虑整个过程，并且我更多地考虑在构建时而不是运行时完成所有这些。

我希望我能得到一些关于如何做到这一点的小建议，而不会有太多麻烦。是否有现有的工具（类似于 Combres）可以满足我的需求？

【问题讨论】：

标签： visual-studio-2010 compression minify combres

【解决方案1】：

遇见啾啾

Chirpy 捣碎、缩小和验证您的 javascript、样式表和无点文件。

Chirpy 很活泼。使用适用于 .Net 的 Google Closure Tools 或 YUI Compressor 来缩小和混合您所有的宝贵资产。它简单、灵活而且是自动的。

More info here 或CodePlex site

【讨论】：

【解决方案2】：

MSBuild 社区任务项目有一个 JSCompress 任务。在此处查看项目：http://msbuildtasks.tigris.org/

这里是有关如何实际执行此任务的另一个资源：http://www.justise.com/2007/04/20/javascript-and-css-compression-in-msbuild/

【讨论】：

现在我本身没有“构建机器”，而只是我的开发机器。这些建议仍然有效吗？
PS，我对自定义构建的东西很陌生......事实上，我从来没有做过。
是的，无论配置如何，每次编译项目时都会运行构建脚本。不久前我也是新手。它的一种设置它和忘记它的那种事情。因此，如果我必须做出改变，我会觉得自己是新手。

【解决方案3】：

我最初使用Chirpy 进行捆绑，但后来转移到Bundler。 Bundler 让我可以相对轻松地在一个性感的构建文件（powershell）中很好地连接所有内容。我个人已经远离了 Visual Studio 构建事件，并开始在独立环境中运行构建。这有助于我处理 Github 到 Team City 持续集成 (CI) 之类的事情。

这是您的构建文件“可能”的样子。 （注意可能没有完全运行，这是未经测试的）

build.ps1

# Set up varriables for build script
$invocation = (Get-Variable MyInvocation).Value
$directorypath = Split-Path $invocation.MyCommand.Path
$BundlerDir = "$directorypath\build_tools\bundler\"
$AppRoot = "$directorypath\SomeApp.Web\"   
$ScriptsDir = "scripts\"                                   
$CssDir = "css\"                  

# Run Bundler to Combine and Minify
&($BundlerDir + "node.exe") ( $BundlerDir + "bundler.js") ($AppRoot +$CssDir) ($AppRoot + $ScriptsDir)

# Everything else...
#    Clean the bins
#    Build the projects
#    Run the tests

【讨论】：

【解决方案4】：

您还可以查看 ajaxtoolkit，他们有 2 个任务用于压缩 JS。

【讨论】：