需要 - Visual Studio 自定义构建操作来缩小 JS 和 CSS

Question

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

现在，出于性能原因，我正在重新考虑整个过程，并且我更倾向于考虑在构建时而不是运行时执行所有这些操作。

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

Answer 1

认识一下 Chirpy

Chirpy 混合、缩小并验证您的 JavaScript、样式表和无点文件。

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

更多信息此处或 CodePlex 网站

Answer 2

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

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

Answer 3

我最初使用 Chirpy 进行捆绑，但后来转移到 捆绑器。 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

Answer 4

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