多个html文件内容合并,如何合并多个js和css文件？

在Web项目的开发中，js，css文件会随着项目的开发变得越来越多，越来越大，这就给性能方面带来一些问题。解决该问题的一个好的方法就是合并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.batcopy 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中文网 ！