多个js与css文件的合并方法详细说明
更新时间：2012年12月26日 14:44:51 作者：
在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题;解决该问题的一个好的方法就是合并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就可以了,从而减少了js文件的引用,到达了减少http请求的次数,提高了网站的性能.
(3) 合并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就可以了,从而减少了js文件的引用,到达了减少http请求的次数,提高了网站的性能.
(3) 合并css文件方法也是如此.
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了如何快速高效创建JavaScript 二维数组方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要为大家详细介绍了原生js canvas实现简单贪吃蛇，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
本篇文章我们从面包屑导航的样式，面包屑导航的代码等方面详细给大家分析了它的作用和设计技巧，如果你有这方便的需要，学习参考下吧。2017-12-12
今天小编就为大家分享一篇layui use 定义js外部引用函数的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文给大家介绍bootstrap按钮相关知识，包括按钮大小、按钮状态、按钮标签相关样式定义，对bootstrap按钮相关知识感兴趣的朋友一起学习吧2016-01-01
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
本文讲一下js实现兼容IE6/7/8,firefox,chrome浏览器的回车和鼠标焦点事件的代码。2010-04-04
这篇文章主要为大家详细介绍了bootstrap轮播图示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了从零使用TypeScript开发项目打包发布到npm，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
这篇文章主要介绍了JavaScript从浏览器到服务端的演变,以及如何在VSCode中安装和配置Node.js和相关插件来运行JavaScript代码,文中通过图文介绍的非常详细,需要的朋友可以参考下2025-04-04
写的htc的数据表格...2007-01-01
最新评论