Ajax Minifier : 自動壓縮目錄下所有 js、css 語法分享

2010-04-18

9034
0
ASP.NET

Microsoft Ajax Minifier 是微軟提供用來壓縮 Javascript、以及 CSS 的一套好用的工具，
簡單介紹使用方法
1)download Ajax Minifer 並安裝
2)開始 –> 所有程式 –> Microsoft Ajax Minifier –> Microsoft Ajax Minifier Command Prompt 此時會跳出cmd視窗
3)壓縮 js
ajaxmin.exe -h -js test.js -o test.min.js  
4)壓縮 css
ajaxmin.exe -css test.css  -o test.min.css

使用方法非常簡單，
更細部的介紹與使用方法可以閱讀下面的參考資料。
我這邊要分享的是，
cmd 指令一次只可以壓縮一個檔案，
那如果我想把整個網站下所有 .js 與 .css 都執行壓縮的話該怎麼做，
方式一，利用 MSBuild模式，在編譯時自動執行，該方法在此篇 [ASP.NET]用Microsoft Ajax Minifier幫你的Javascript瘦身有非常詳盡的介紹
方式二，利用 PowerShell 去取得指定目錄下含所有子目錄的 js檔與 css檔，再去執行 Ajax Minifer
這邊分享一下我用的 PowerShell 語法
ajaxmin.ps1
$fileList = dir D:\PrecompiledWeb -filter *.js -recurse 
foreach ($file in $fileList)
{  
    $fullname = $file.DirectoryName + '\' + $file.name;     
    C:\"Program Files"\Microsoft\"Microsoft Ajax Minifier 4"\ajaxmin.exe -h -js $fullname -o $fullname -clobber
}

$fileList = dir D:\PrecompiledWeb -filter *.css -recurse 
foreach ($file in $fileList)
{  
    $fullname = $file.DirectoryName + '\' + $file.name;     
   C:\"Program Files"\Microsoft\"Microsoft Ajax Minifier 4"\ajaxmin.exe -css  $fullname -o  $fullname -clobber 
}

說明一下我利用的參數 –clobber : 如果指定的檔案已存在，則進行覆蓋
在cmd視窗執行 ajaxmin.ps1 的語法
powershell –command “& ./ajaxmin.ps1”
利用此語法，可以自動將目錄下所有 js 檔與 css 檔都進行壓縮

這是我第一次學習使用PowerShell ，如語法上有任何可以修正的地方，再請多多指教，謝謝

參考資料

[ASP.NET]用Microsoft Ajax Minifier幫你的Javascript瘦身

增進Web 2.0網頁執行效能的三個有效招數－使用AJAX Minifier、Doloto與IIS壓縮

使用Microsoft Ajax Minifier减小JavaScript文件大小

Microsoft Ajax Minifier Documentation

DownLoad Microsoft Ajax Minifier

Powershell

Download

如果您覺得這篇文章有幫助，請您幫忙推薦一下或按上方的"讚"給予支持，非常感激
歡迎轉載，但請註明出處
文章內容多是自己找資料學習到的心得，如有不詳盡或錯誤的地方，請多多指教，謝謝

回首頁