菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
95
0

如何合并多个js和css文件?

原创
05/13 14:22
阅读数 1098

如何合并多个js和css文件?

(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;
        } 
    }; 
}());

上面列出了2个简单的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文件方法也是如此。

发表评论

0/200
95 点赞
0 评论
收藏
为你推荐 换一批