多个js与css文件的合并方法详解

发布时间:2020-05-03编辑:脚本学堂
在web程序开发中,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文件,减少了http请求的次数,提高了网站的性能。
(3) 合并css文件方法也是如此。