码迷,mamicode.com
首页 > Web开发 > 详细

r.js 打包压缩文件(依赖require)

时间:2015-08-31 17:23:06      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

r.js是requireJS的优化(Optimizer)工具,可以实现前端文件的压缩与合并,在requireJS异步按需加载的基础上进一步提供前端优化,减小前端文件大小、减少对服务器的文件请求。

要使用r.js需下载r.js文件( 点我下载 ),将其放到你的项目根目录;还需要安装nodeJS( 点我下载),以便通过命令行来执行r.js功能。


下面是我项目 幸福来敲门的目录结构。从index.html结构的data-mian可以看出模块的入口是app.js。

技术分享技术分享技术分享

app.js里面是这样一小段代码:

技术分享技术分享

注释config配置  我们只保留引用这一块。

新建一个build.js 

代码如下:

技术分享

运行 node.js 并且定位到E盘 幸福来敲门目录:

技术分享技术分享

输入命令:

node r.js -o build.js

开始合并压缩 貌似它会把CSS也压缩 这点蛮方便

成功之后你会发现你的根目录下面有个这样的文件夹

技术分享

技术分享

就是你刚刚在build.js里面配置的 dir的值。

点进去就是你整个项目了。打开你没有压缩的和压缩之后的index.html对比一下:

after:

技术分享

技术分享

before:

技术分享 技术分享

减少了对服务器的请求 很明显,我这个只是个小项目,在大的项目就显的举足轻重了。

并且r.js可以不依赖require进行操作,也就是可以单独的进行,这点因为时间不够下次有时间再分享交流。

版权声明:本文为博主原创文章,未经博主允许不得转载。

r.js 打包压缩文件(依赖require)

标签:

原文地址:http://blog.csdn.net/u011551941/article/details/48135869

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!