如何合并多个js和css文件？

如何合并多个js和css文件？

(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;
        } 
    }; 
}());

上面列出了2个简单的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文件方法也是如此。

更多前端开发知识，请查阅 HTML中文网 ！

以上就是如何合并多个js和css文件？的详细内容，更多请关注0133技术站其它相关文章！