对比4.01，你会发现script标记多了一个data-main，RJ用这个配置当前页面的主JS，你要把逻辑都写在这个main.js里面。当RJ自身加载执行后，就会再次异步加载main.js。这个main.js是当前网页所有逻辑的入口，理想情况下，整个网页只需要这一个script标记，利用RJ加载依赖的其它文件，如jquery等。
4.03 main.js怎么写
假设项目的目录结构为：
main.js是跟当前页面相关的主JS，app文件夹存放本项目自定义的模块，lib存放第三方库。
html中按4.02的方式配置RJ。main.js的代码如下：
require(['lib/foo', 'app/bar', 'app/app'], function(foo, bar, app) { //use foo bar app do sth });
在这段JS中，我们利用RJ提供的require方法，加载了三个模块，然后在这个三个模块都加载成功之后执行页面逻辑。require方法有2个参数，第一个参数是数组类型的，实际使用时，数组的每个元素都是一个模块的module ID，第二个参数是一个回调函数，这个函数在第一个参数定义的所有模块都加载成功后回调，形参的个数和顺序分别与第一个参数定义的模块对应，比如第一个模块时lib/foo，那么这个回调函数的第一个参数就是foo这个模块的引用，在回调函数中我们使用这些形参来调用各个模块的方法，由于回调是在各模块加载之后才调用的，所以这些模块引用肯定都是有效的。
从以上这个简短的代码，你应该已经知道该如何使用RJ了。
4.04 RJ的baseUrl和module ID
在介绍RJ如何去解析依赖的那些模块JS的路径时，必须先弄清楚baseUrl和module ID这两个概念。
html中的base元素可以定义当前页面内部任何http请求的url前缀部分，RJ的baseUrl跟这个base元素起的作用是类似的，由于RJ总是动态地请求依赖的JS文件，所以必然涉及到一个JS文件的路径解析问题，RJ默认采用一种baseUrl + moduleID的解析方式，这个解析方式后续会举例说明。这个baseUrl非常重要，RJ对它的处理遵循如下规则：
在没有使用data-main和config的情况下，baseUrl默认为当前页面的目录
在有data-main的情况下，main.js前面的部分就是baseUrl，比如上面的scripts/
在有config的情况下，baseUrl以config配置的为准
上述三种方式，优先级由低到高排列。
data-main的使用方式，你已经知道了，config该如何配置，如下所示：
require.config({ baseUrl: 'scripts' });
这个配置必须放置在main.js的最前面。data-main与config配置同时存在的时候，以config为准，由于RJ的其它配置也是在这个位置配置的，所以4.03中的main.js可以改成如下结构，以便将来的扩展：
require.config({ baseUrl: 'scripts' }); require(['lib/foo', 'app/bar', 'app/app'], function(foo, bar, app) { // use foo bar app do sth });
关于module ID，就是在require方法以及后续的define方法里，用在依赖数组这个参数里，用来标识一个模块的字符串。上面代码中的['lib/foo', 'app/bar', 'app/app']就是一个依赖数组，其中的每个元素都是一个module ID。值得注意的是，module ID并不一定是该module 相关JS路径的一部分，有的module ID很短，但可能路径很长，这跟RJ的解析规则有关。下一节详细介绍。
4.05 RJ的文件解析规则
RJ默认按baseUrl + module ID的规则，解析文件，并且它默认要加载的文件都是js，所以你的module ID里面可以不包含.js的后缀，这就是为啥你看到的module ID都是lib/foo, app/bar这种形式了。有三种module ID，不适用这种规则：
假如main.js如下使用：
require.config({ baseUrl: 'scripts' }); require(['/lib/foo', 'https://www.jb51.net/test.js', '/js/jquery'], function(foo, bar, app) { // use foo bar app do sth });
这三个module 都不会根据baseUrl + module ID的规则来解析,而是直接用module ID来解析，等效于下面的代码：
<script src="https://www.jb51.net/lib/foo.js"></script> <script src="https://www.jb51.net/test.js"></script> <script src="https://www.jb51.net/js/jquery.js"></script>
各种module ID解析举例：
例1，项目结构如下：
main.js如下：
require.config({ baseUrl: 'scripts' }); require(['lib/foo', 'app/bar', 'app/app'], function(foo, bar, app) { // use foo bar app do sth });
baseUrl为：scripts目录
moduleID为：lib/foo, app/bar, app/app
根据baseUrl + moduleID，以及自动补后缀.js，最终这三个module的js文件路径为：
scripts/lib/foo.js scripts/app/bar.js scripts/app/app.js
例2，项目结构同例1：
main.js改为：
require.config({ baseUrl: 'scripts/lib', paths: { app: '../app' } }); require(['foo', 'app/bar', 'app/app'], function(foo, bar, app) { // use foo bar app do sth });