多个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 实现模态对话框 源代码大全
May 02 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
Nov 11 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
Dec 08 Javascript
JS插件overlib用法实例详解
Dec 26 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
May 30 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
浅谈webpack-dev-server的配置和使用
May 17 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
Jun 11 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
正义联盟的终局之战《天启星战争》将成为DC动画宇宙的最后一部
2020/04/09 欧美动漫
最简单的PHP程序--记数器
2006/10/09 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
[54:10]完美世界DOTA2联赛PWL S2 Magma vs FTD 第二场 11.29
2020/12/03 DOTA
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
python之Socket网络编程详解
2016/09/29 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
python 环境变量和import模块导入方法(详解)
2017/07/11 Python
python数据结构链表之单向链表(实例讲解)
2017/07/25 Python
python中实现精确的浮点数运算详解
2017/11/02 Python
Python 数据处理库 pandas 入门教程基本操作
2018/04/19 Python
python实现整数的二进制循环移位
2019/03/08 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
python的链表基础知识点
2020/09/13 Python
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
汽车检测与维修个人求职信
2013/09/24 职场文书
网络事业创业计划书范文
2014/01/09 职场文书
开展党的群众路线教育实践活动工作总结
2014/11/05 职场文书
涨价通知
2015/04/23 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
2016七夕情人节广告语
2016/01/28 职场文书
《窃读记》教学反思
2016/02/18 职场文书
高三化学教学反思
2016/02/22 职场文书
解除合同协议书范本
2016/03/21 职场文书
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫
HTML常用标签超详细整理
2022/03/19 HTML / CSS