多个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弹出窗口的各种方法总结
Nov 11 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
javascript自定义in_array()函数实现方法
Aug 03 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
javascript事件的传播基础实例讲解(35)
Feb 14 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
基于vue-draggable 实现三级拖动排序效果
Jan 10 Javascript
在Vue 中实现循环渲染多个相同echarts图表
Jul 20 Javascript
js实现查询商品案例
Jul 22 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 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
学习php中的正则表达式
2014/08/17 PHP
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
2013/01/06 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
2014/04/22 Javascript
js图片预加载示例
2014/04/30 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
vue使用stompjs实现mqtt消息推送通知
2017/06/22 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
2017/07/31 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
vue transition 在子组件中失效的解决
2019/11/12 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
2020/12/30 Vue.js
Python创建文件和追加文件内容实例
2014/10/21 Python
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
Python编码类型转换方法详解
2016/07/01 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
python使用selenium爬虫知乎的方法示例
2020/10/28 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
银河香水:Galaxy Perfume
2019/03/25 全球购物
remote接口和home接口主要作用
2013/05/15 面试题
本科生求职简历的自我评价
2013/10/21 职场文书
教师求职信范文分享
2013/12/27 职场文书
计算机专业毕业生自我鉴定
2014/01/16 职场文书
2014年幼儿园植树节活动方案
2014/03/02 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
合作协议书格式
2014/08/19 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书