多個js與css檔案的合併方法詳細說明_javascript技巧

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