前面的话 r.js(下载)是requireJS的优化(Optimizer)工具,可以实现前端文件的压缩与合并,在requireJS异步按需加载的基础上进一步提供前端优化,减小前端文件大小、减少对服务器的文件请求。本文将详细介绍r.js 简单打包 【项目结构】 以一个简单的例子 ...
r.js是RequireJS的一部分 optimizer 。它依赖于UglifyJS,而UglifyJS基于nodejs。r.js多数时候配合模块化 AMD 写法进行合并,压缩。如果你的代码不采用AMD方式,也可以用它来压缩。这篇讨论的是当不采用AMD方式组织代码时压缩整个项目的js文件。 假设项目中所有的js文件都在scripts目录中 项目中有css,html,scripts三个目录,分别对应 ...
2012-03-05 11:03 3 14803 推荐指数:
前面的话 r.js(下载)是requireJS的优化(Optimizer)工具,可以实现前端文件的压缩与合并,在requireJS异步按需加载的基础上进一步提供前端优化,减小前端文件大小、减少对服务器的文件请求。本文将详细介绍r.js 简单打包 【项目结构】 以一个简单的例子 ...
之前的文章里有介绍requirejs的基本使用方法,但是直接使用requirejs会暴露出一个问题,就是当模块过多的时候,requirejs就会引入许多js文件,大大的增加了请求数,那么有的朋友就要说了,我们自己压缩那些模块文件不就行了么,其实仔细想想这样到底行不行,答案是行!但是很麻烦: 1. ...
最近项目稳定了一点,之前一直没空关注的开发文件压缩打包问题也有时间来解决了 AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs;用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件 ...
目录结构 原main.js // RequireJS配置 requirejs.config({ baseUrl: '../js',//js文件载入基路径 //enforceDefine: true,//enforceDefine用来强制模块使用define ...
久闻r.js的大名,但实际没有用它做过任何东西。今天用它时,发现网上许多教程都不对。研究一下,把我的实际经验分享给大家。 例子1 先是HTML页面 <!DOCTYPE html> <html> <head> < ...
项目中用到require.js做生产时模块开发,但上线要合并压缩,幸好它配套有r.js。下面就其用法说明一下。 首先建一个目录,里面的结构如下: require.js可以到r.js项目下载 r.js可以到r.js项目下载 server.exe可以到avalon项目 ...
使用r.js 进行打包。 一,工程结构 首先,requirejs 模块化的工程 例如: app.js 4个依赖 (1)jquery (2)backbone (3)bootstrap (4)helper.js 以上需要5个请求, 4个依赖+app.js 合并为一个 ...
关于config.shim.exports这里有很好的解释:shim.exports r.js的使用方法 ...