css和js如何合并,多个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文件方法也是如此。