多个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 相关文章推荐
jqeury eval将字符串转换json的方法
Jan 20 Javascript
jquery实现带二级菜单的导航示例
Apr 28 Javascript
jQuery学习笔记之总体架构
Jun 03 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
Sep 20 Javascript
Vue 事件处理操作实例详解
Mar 05 Javascript
ES7之Async/await的使用详解
Mar 28 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
解决layui table表单提示数据接口请求异常的问题
Sep 24 Javascript
node实现mock-plugin中间件的方法
Dec 25 Javascript
vue动画—通过钩子函数实现半场动画操作
Aug 09 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学习之 循环结构实现代码
2011/06/09 PHP
二级域名转向类
2006/11/09 Javascript
javascript 密码强弱度检测万能插件
2009/02/25 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
js实现遮罩层划出效果是生成div而不是显示
2014/07/29 Javascript
使用js画图之正弦曲线
2015/01/12 Javascript
jquery使整个div区域可以点击的方法
2015/06/24 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
jquery延迟对象解析
2016/10/26 Javascript
vue、react等单页面项目应该这样子部署到服务器
2018/01/03 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
微信小程序实现页面浮动导航
2020/01/08 Javascript
[01:07]DOTA2次级职业联赛 - Fpb战队宣传片
2014/12/01 DOTA
用python 制作图片转pdf工具
2015/01/30 Python
python使用chardet判断字符串编码的方法
2015/03/13 Python
python fabric实现远程部署
2017/01/05 Python
Pycharm学习教程(2) 代码风格
2017/05/02 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
windows环境下tensorflow安装过程详解
2018/03/30 Python
python 动态调用函数实例解析
2019/10/21 Python
python实现程序重启和系统重启方式
2020/04/16 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
购买大码女装:Lane Bryant
2016/09/07 全球购物
Python文件操作的面试题
2013/06/22 面试题
数控机械专业个人的自我评价
2014/01/02 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
中文专业毕业生自荐信
2014/05/24 职场文书
护士2014年终工作总结
2014/11/11 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
美丽心灵观后感
2015/06/01 职场文书
团拜会主持词
2015/07/04 职场文书