使用r.js压缩整个项目的JS
来源:互联网 发布:涂子沛 大数据 下载 编辑:程序博客网 时间:2024/06/06 18:58
r.js是RequireJS的一部分(optimizer)。它依赖于UglifyJS,而UglifyJS基于nodejs。r.js多数时候配合模块化(AMD)写法进行合并,压缩。如果你的代码不采用AMD方式,也可以用它来压缩。这篇讨论的是当不采用AMD方式组织代码时压缩整个项目的js文件。
假设项目中所有的js文件都在scripts目录中
项目中有css,html,scripts三个目录,分别对应css,html和js文件。下载的r.js与myapp平行放置。
scripts-build目录放置压缩后的js文件,结构同scripts,但会多生成一个build.txt文件。
build.js文件是需要我们自己配置的,r.js会根据它去找被压缩的目录和压缩后的放置目录。大概如下
1
2
3
4
5
({
appDir:
"scripts"
,
baseUrl:
"scripts"
,
dir:
"scripts-build"
})
以下是我测试的项目(压缩前)
可以看到,scripts-build目前是空的。好了,开始压缩了。
1,cmd进入命令行控制台,我的项目在e:/work/myapp
2,cd到当前项目(进入e盘,cd work/myapp)
3,执行命令:node r.js -o build.js 效果如图
这时压缩成功了,再看scripts-build目录,和scripts结构一样,且多了个build.txt。
- 使用r.js压缩整个项目的JS
- r.js的使用
- 使用require.js 的r.js 对css的压缩方案
- r.js压缩angular项目,Angular+requirejs+rjs实现初始化http请求数的优化
- require.js+backbone 使用r.js 在本地与生产环境 一键压缩的实现方式
- 使用js压缩成min的
- 使用JS压缩用户上传的图片
- 在项目中使用gulp压缩css和js
- 项目使用的gulpfile.js
- 压缩JS的网站
- js的压缩
- require.js模块化js,r.js压缩js为为一个文件优化请求
- 如何调试其他项目的压缩JS文件
- js拖动整个窗口的代码
- JS获取整个页面的文档
- JS获取整个页面的文档
- JS监听整个页面的回车事件
- JS监听整个页面的回车事件
- Planning for Multiple Touchscreen Sizes 规划多个触摸屏尺寸
- 2013年4月2日
- 计算机科学中最重要的32个算法
- shell脚本的一些用法总汇
- 2013年4月4日
- 使用r.js压缩整个项目的JS
- C不常用的语法
- Android 一篇比较好的关于ScaleType的说明的文章
- mssql 2000 下批量 附加/分离 数据库(sql语句)
- maven---setting.xml文件
- DISCUZ 管理后台页面开发实例
- Android4.0和Android4.1全屏方法
- namespace
- win7 虚拟机virtualbox中ubuntu12.04安装samba实现文件共享