require.js + r.js实现js打包 压缩

7 篇文章 0 订阅

require.js:这个插件做模块化管理的工具,(所谓模块化就是把不同用途的js代码放到不同的js文件里)

r.js : 一个合并 压缩JS代码的工具;

require.js + r.js压缩代码需node支持

具体代码:

安装node(具体过程省略);

require.js的配置大致如下

html:

引入require.js 

<scriptsrc="js/require.js"data-main="js/main.js"></script>

data-main属性是指定网页程序的主模块(个人理解就是你需要引入的JS文件需在main.js里面配置

main.js:

require(["c","d"],function(moduleA,moduleB) {

})

其中 c,d是需要引入的js文件名,后缀.js可以省略,引入成功后回执行回调函数,回调函数的参数也可以省略

引入r.js

在r.js的目录下创建一个js文件,作为r.js的配置文件,(本人命名为build.js)

build.js:

({

//根路

baseUrl:'../js',

//需要合并的JS文件路径

mainConfigFile:"../js/main.js",

//需要合并的JS文件

name:"main",

//合并后的文件路径及文件

out:"../main-min.js"

})

配置完成后 win+r进入r.js文件所在的路径

输入node r.js -o build.js

即可完成压缩,附demo

http://download.csdn.net/download/baidu1023737029/10237305







  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值