多个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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
JavaScript异步回调的Promise模式封装实例
Jun 07 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
Nov 17 Javascript
jquery动态增加删减表格行特效
Nov 20 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
Feb 04 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
解决vue addRoutes不生效问题
Aug 04 Javascript
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
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
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
PHP 函数学习简单小结
2010/07/08 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
PHP实现的增强性mhash函数
2015/05/27 PHP
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
jquery实现tab键进行选择后enter键触发click行为
2017/03/29 jQuery
使用gulp搭建本地服务器并实现模拟ajax
2017/04/05 Javascript
vue实现手机号码抽奖上下滚动动画示例
2017/10/18 Javascript
浅谈在react中如何实现扫码枪输入
2018/07/04 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
Python群发邮件实例代码
2014/01/03 Python
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
tensorflow获取预训练模型某层参数并赋值到当前网络指定层方式
2020/01/24 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
德国拖鞋网站:German Slippers
2019/11/08 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
中学门卫岗位职责
2013/12/26 职场文书
小学少先队活动方案
2014/02/18 职场文书
联片教研活动总结
2014/07/01 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
介绍信范文大全
2015/05/07 职场文书
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript