合并多个js,css文件的方法

Question

合并多个js,css文件的方法

在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题,如,页面引入的的js,css越多的话,那么对就增加了http请求数,解决该问题的一个好的方法就是合并js,css文件.
    下面就简单介绍一个方法,十分简单.下面介绍以合并js文件为例
     (1)  G.js文件

1. ~function(){
2.              window.G={};
3.                         G.Method={
4.                                 add:function(){  alert(111);}
5.                                 ,sub:function(){  alert("减法");}
6.                          };
7.       }();

复制代码(2) T.js文件

1. var T=(function(){
2.              return {
3.               t1:function(){alert("t1 method!")}
4.                      ,t2:function(){alert("t2方法!")}
5.                      ,sum:function(obj){return obj.x+obj.y;}
6.               };
7. }());

复制代码上面列出了连个简单的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文件方法也是如此.