多个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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
Javascript 同时提交多个Web表单的方法
Feb 19 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
AngularJS 防止页面闪烁的方法
Mar 09 Javascript
Angular中使用$watch监听object属性值的变化(详解)
Apr 24 Javascript
js实现图片轮播效果学习笔记
Jul 26 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
vue 自定义组件的写法与用法详解
Mar 04 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 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
PHPExcel读取Excel文件的实现代码
2011/12/06 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
PHP输出Excel PHPExcel的方法
2018/07/26 PHP
php实现文章评论系统
2019/02/18 PHP
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
鼠标悬停小图标显示大图标
2016/01/22 Javascript
快速掌握Node.js事件驱动模型
2016/03/21 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
使用vue制作滑动标签
2019/09/21 Javascript
JS实现网站吸顶条
2020/01/08 Javascript
JS替换字符串中指定位置的字符(多种方法)
2020/05/28 Javascript
详解Python中的join()函数的用法
2015/04/07 Python
python函数形参用法实例分析
2015/08/04 Python
python中数据爬虫requests库使用方法详解
2018/02/11 Python
用python写扫雷游戏实例代码分享
2018/05/27 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
浅谈Python中的继承
2020/06/19 Python
html5简介及新增功能介绍
2020/05/18 HTML / CSS
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
爱情寄语大全
2014/04/09 职场文书
单位绩效考核方案
2014/05/11 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
教育实习指导教师评语
2014/12/31 职场文书
活动总结模板大全
2015/05/11 职场文书
导游词创作书写原则以及开场白技巧怎么学?
2019/09/25 职场文书
详解Python中的for循环
2022/04/30 Python
Python+DeOldify实现老照片上色功能
2022/06/21 Python