ASP.NET下使用Combres對JS、CSS合並和壓縮

記錄一下，如何簡單快捷壓縮js和css，通過合並來減少請求次數。

用到的網址：

http://www.nuget.org/packages/combres/

https://github.com/buunguyen/combres

第一步（通過NuGet添加combres）：

PM> Install-Package combres

完成之后在web下會生成一個combres.readme，請先閱讀。

 ASP.NET MVC:PM> Install-Package Combres.Mvc

 ASP.NET WebForm: PM> Install-Package Combres

第二步：

編輯App_Data/combres.xml文件， 添加所要用的JS 和 CSS ，如：

<?xml version="1.0" encoding="utf-8" ?>
<!--
  This file contains basic settings needed for most web apps.
  For full Combres settings (with explanation), refer to the sample definition file: combres_full_with_annotation.xml
  Also, refer to Combres' documentation: http://combres.codeplex.com/documentation    
-->
<combres xmlns='urn:combres'>
  <filters>
    <filter type="Combres.Filters.FixUrlsInCssFilter, Combres" />
  </filters>
  <!--
    defaultDuration 默認緩存的時間，單位為天數。
    defaultVersion 合並后的資源版本，在你修改了資源文件后需要對版本進行修改，你可以指定auto或者手動設置一個版本號。
    defaultDebugEnabled true：對資源文件不壓縮；false:對資源文件壓縮。
  -->
  <resourceSets url="~/combres.axd"
                defaultDuration="30"
                defaultVersion="auto"
                defaultDebugEnabled="false" 
                defaultIgnorePipelineWhenDebug="true"
                localChangeMonitorInterval="30"
                remoteChangeMonitorInterval="60"
                >
    <resourceSet name="siteCss" type="css">
      <resource path="~/Style/css/style.css" />
      <resource path="~/Plugin/layer/skin/layer.ext.css" />
    </resourceSet>
    <resourceSet name="siteJs" type="js">
      <resource path="~/Script/jquery-1.7.2.js" />
      <resource path="~/Plugin/layer/lang-cn.js" />
      <resource path="~/Plugin/layer/layer-sc.js" />
      <resource path="~/Script/layeragent.js" />
      <resource path="~/Script/core.js" />
      <resource path="~/Style/js/common.js" />
    </resourceSet>
  </resourceSets>
</combres>

第三步（頁面使用）：

WebForm：

   <%= WebExtensions.CombresLink("siteCss") %>  
   <%= WebExtensions.CombresLink("siteJs") %>

如：

MVC：

   Rezor:
   @using Combres.Mvc 
   @Url.CombresLink("siteCss")
   @Url.CombresLink("siteJs")

第四步：

運行項目就可以了。