多个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 相关文章推荐
nicejforms——美化表单不用愁
Feb 20 Javascript
Jquery 扩展方法
May 06 Javascript
javascript 文件的同步加载与异步加载实现原理
Dec 13 Javascript
javascript中replace( )方法的使用
Apr 24 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
原生JS:Date对象全面解析
Sep 06 Javascript
bootstrap基础知识学习笔记
Nov 02 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
Vue文本模糊匹配功能如何实现
Jul 30 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
PHP中开启gzip压缩的2种方法
2015/01/31 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
js 加载并解析XML字符串的代码
2009/12/13 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
JSON格式化输出
2014/11/10 Javascript
jQuery事件对象总结
2016/10/17 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
jQuery实现按比例缩放图片的方法
2017/04/29 jQuery
Cropper.js 实现裁剪图片并上传(PC端)
2017/08/20 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
jquery ajax异步提交表单数据的方法
2017/10/27 jQuery
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
基于Node.js搭建hexo博客过程详解
2019/06/25 Javascript
JS实现瀑布流效果
2020/03/07 Javascript
js实现简单选项卡制作
2020/08/05 Javascript
python进阶教程之异常处理
2014/08/30 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Python tkinter和exe打包的方法
2020/02/05 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
详解Anaconda 的安装教程
2020/09/23 Python
python自动打开浏览器下载zip并提取内容写入excel
2021/01/04 Python
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
中学教师自我鉴定
2014/02/07 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
硕士论文致谢范文
2015/05/14 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏