r.js 打包压缩文件（依赖require）

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进行操作，也就是可以单独的进行，这点因为时间不够下次有时间再分享交流。