在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文件方法也是如此.
