多个js与css文件的合并方法详细说明


Posted in Javascript onDecember 26, 2012

在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文件方法也是如此.
Javascript 相关文章推荐
javascript 树形导航菜单实例代码
Aug 13 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
jQuery实现长按按钮触发事件的方法
Feb 02 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
解决wx.onMenuShareTimeline出现的问题
Aug 16 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
javascript 数组去重复(在线去重工具)
Dec 17 Javascript
vue.js将unix时间戳转换为自定义时间格式
Jan 03 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
bootstrap table动态加载数据示例代码
Mar 25 Javascript
vue引入ueditor及node后台配置详解
Jan 03 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 Javascript
JS打开图片另存为对话框实现代码
Dec 26 #Javascript
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 #Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
Dec 26 #Javascript
JSON为什么那样红为什么要用json(另有洞天)
Dec 26 #Javascript
JS操作Cookies包括(读取添加与删除)
Dec 26 #Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 #Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 #Javascript
You might like
Apache2 httpd.conf 中文版
2006/11/17 PHP
PHP 之Section与Cookie使用总结
2012/09/14 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
JavaScript中document对象使用详解
2015/01/06 Javascript
js实现iframe自动自适应高度的方法
2015/02/17 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
JavaScript实现算术平方根算法-代码超简单
2015/09/11 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
jsonp跨域获取数据的基础教程
2018/07/01 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
python实现NB-IoT模块远程控制
2018/06/20 Python
pygame实现简易飞机大战
2018/09/11 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
python dict如何定义
2020/09/02 Python
python爬虫scrapy图书分类实例讲解
2020/11/23 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
Java中有几种方法可以实现一个线程?用什么关键字修饰同步方法?stop()和suspend()方法为何不推荐使用?
2015/08/04 面试题
教师申诉制度
2014/01/29 职场文书
迟到检讨书5000字
2014/01/31 职场文书
学习演讲稿范文
2014/05/10 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
流动人口婚育证明范本
2014/09/26 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
2015年小学生国庆节演讲稿
2015/07/30 职场文书