多个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选择没有colspan属性的td的代码
Jul 06 Javascript
13 个JavaScript 性能提升技巧分享
Jul 26 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 Javascript
整理Javascript基础入门学习笔记
Nov 29 Javascript
jquery实现一个简单的表单验证实例
Mar 30 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
VUE长按事件需求详解
Oct 18 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 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设计模式 php实现命令模式(command)
2015/12/08 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
PHP7原生MySQL数据库操作实现代码
2020/07/03 PHP
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2011/09/13 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
2015/07/29 Javascript
js实现文字向上轮播功能
2017/01/13 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
详解从买域名到使用pm2部署node.js项目全过程
2018/03/07 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
Element Popover 弹出框的使用示例
2020/07/26 Javascript
如何在Vue.JS中使用图标组件
2020/08/04 Javascript
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
python实现获取序列中最小的几个元素
2014/09/25 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
Python实现删除列表中满足一定条件的元素示例
2017/06/12 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
python分数表示方式和写法
2019/06/26 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
用pandas划分数据集实现训练集和测试集
2020/07/20 Python
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
解决方案设计综合面试题
2015/08/31 面试题
市场部管理制度
2014/02/02 职场文书
公司聘任书模板
2014/03/29 职场文书
村庄绿化方案
2014/05/07 职场文书
个人租房协议书
2014/11/28 职场文书
圣诞晚会主持词
2015/07/01 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python
Python自动化测试PO模型封装过程详解
2021/06/22 Python