本文主要是介绍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进行操作,也就是可以单独的进行,这点因为时间不够下次有时间再分享交流。
这篇关于r.js 打包压缩文件(依赖require)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!