多个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 相关文章推荐
基于jquery的表格排序
Sep 11 Javascript
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
jquery attr方法获取input的checked属性问题
May 26 Javascript
javascript实现页面滚屏效果
Jan 17 Javascript
vue中的scope使用详解
Oct 29 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
Vue基础配置讲解
Nov 29 Javascript
node.JS事件机制与events事件模块的使用方法详解
Feb 06 Javascript
通过实例了解Render Props回调地狱解决方案
Nov 04 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图片验证码代码
2008/03/27 PHP
php数据库密码的找回的步骤
2011/01/12 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
JavaScript基础知识之数据类型
2012/08/06 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
详解python statistics模块及函数用法
2019/10/27 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
世界上第一个水枕头:Mediflow
2018/12/06 全球购物
墨尔本复古时尚品牌:Dangerfield
2018/12/12 全球购物
J2EE是技术还是平台还是框架
2016/08/14 面试题
师范生自荐信范文
2013/10/06 职场文书
装饰资料员岗位职责
2013/12/30 职场文书
将相和教学反思
2014/02/04 职场文书
品牌推广策划方案
2014/05/28 职场文书
公司市场专员岗位职责
2014/06/29 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
详解Python自动化之文件自动化处理
2021/06/21 Python
JS setTimeout与setInterval的区别
2022/04/20 Javascript