富用戶端項目瘦身利器 Microsoft Ajax Minifier

Microsoft Ajax Minifier 字面意思就不用解釋了,就是給javascript和CSS檔案瘦身用的

在現在Web2.0和HTML5的大環境下. 越來越多的 邏輯實現都通過javascript

 該程式是microsoft的一個開源項目.我們可以到codeplex下載該程式.

如果有興趣當然是推薦下載源碼研究.

最新版本是 4.27

為:http://ajaxmin.codeplex.com/releases/view/72146

下面是簡單的使用方法:

(DOS命令環境下.這個就不用講了.大家都知道.) 

下面是將   
sourcefile.js檔案壓縮後輸出為 
outputfile.js 後面 參數 
–clobber 
表示覆蓋之前產生的檔案(無該參數則不覆蓋) 
 

ajaxmin.exe sourcefile.js –out outputfile.js –clobber 

我們可以用 –analyze 參數分析檔案存在的問題

ajaxmin.exe sourcefile.js –analyze

當然最值得我們期待的是檔案合并功能.文法也比較簡單

 ajaxmin.exe source1.js source2.js source3.js –out outputfile.js

以上是有標準尾碼的文法.

如果 javascript檔案或者css檔案尾碼為 txt或者其他的時候需要我們顯示的加上 –CSS or –JS 參數

當然作為microsoft 自己的玩意.肯定也是支援 visualstudio 的.

配置Web項目的csproj檔案，即在項目解決方案中選擇Web項目並右鍵 > 選擇卸載項目

於是當前項目為不可用狀態,再次右鍵並選擇編輯 ***.csproj檔案,

這時IDE視窗已經開啟了***.csproj檔案,直接拉至檔案最底部 

 當然具體路徑還得根據自身項目配置了.

<Import Project="$(MSBuildExtensionsPath)\Microsoft\MicrosoftAjax\ajaxmin.tasks" />  <Target Name="AfterBuild">    <ItemGroup>      <JS Include="**\Scripts\*.js" Exclude="**\*.min.js;" />    </ItemGroup>    <ItemGroup>      <CSS Include="**\Styles\*.css" Exclude="**\*.min.css;" />    </ItemGroup>    <AjaxMin JsSourceFiles="@(JS)" JsSourceExtensionPattern="\.js$"      JsTargetExtension=".min.js"       CssSourceFiles="@(CSS)" CssSourceExtensionPattern="\.css$"       CssTargetExtension=".min.css" />  </Target>

 配置好後,重新載入項目.編譯 就可以看到 很多產生的以.min.結尾的檔案了.

 不過有一個問題需要注意,通過 TFS等原始檔控制總管 可能會因為許可權問題彈出警告或者出錯.

 最後還有雅虎公司的 YUI Compressor 各位可以比較看看.