多個js與css檔案的合并方法詳細說明

在Web項目的開發中,js,css檔案會隨著項目的開發變得越來越多,越來越大,這就給給效能方面帶來一些問題,如,頁面引入的的js,css越多的話,那麼對就增加了http請求數,解決該問題的一個好的方法就是合并js,css檔案.
下面就簡單介紹一個方法,十分簡單.下面介紹以合并js檔案為例

(1) G.js檔案
複製代碼 代碼如下:
~function(){
window.G={};
G.Method={
add:function(){ alert(111);}
,sub:function(){ alert("減法");}
};
}();

(2) T.js檔案
複製代碼 代碼如下:
var T=(function(){
return {
t1:function(){alert("t1 method!")}
,t2:function(){alert("t2方法!")}
,sum:function(obj){return obj.x+obj.y;}
};
}());

上面列出了連個簡單的js檔案,下面就要寫一個批次檔來合并以上檔案了
(3) 合并js,css檔案的批處理方法,檔案名稱假設命名為 debug.bat
複製代碼 代碼如下:
copy G.js+T.js GT_bin.js /b

說明:
(1) 輸入要合并的js檔案,儲存debug.bat檔案,運行debug.bat即可.
(2) 就這麼一行代碼就搞定了，十分簡單,GT_bin.js 為合并之後的檔案名稱 , /b是固定參數,檔案合并之後,頁面就只引用GT_bin.js就可以了,從而減少了js檔案的引用,到達了減少http請求的次數,提高了網站的效能.
(3) 合并css檔案方法也是如此.