（一）requireJs 的整体结构：
requireJS 源码 前192行，是一些 变量的声明，工具函数的实现 以及 对 三个全局变量（requirejs，require，define）若被占用后的具体处理。
从 194行到 1674行，整整 1480行，是 实例化上下文 函数 newContext() 。
在 在req({ } ) 调用时执行 newContext函数，而且只会执行一次。
从1690行开始，便是对外API require/requirejs/define 的具体实现。
（二）简单的demo 层级。
require.config({
//根基目录baseUrl:'',
paths: {
app: 'src/app'
}
});
/**
* Require 默认指定的所有资源都是JS文件，不需要在module 上添加.js后缀
*
* */
require([
'src/app'
], function (app) {
app.sayBy('美丽的女孩 Rose');
app.sayGood("美丽的女孩 Lily");
})
main.js
define(['./person'],function (person) {
var sayGood = function (name) {
console.log('早上好 ' + name);
};
var sayBy = function (name) {
console.log(person.run());
console.log('再见 ' + name);
};
return {
sayGood: sayGood,
sayBy: sayBy
}
});
app.js
define(function(require,exports,module){
exports.run=function(){
console.log('there is a person run....');
}
});
person.js
<script data-main="main.js" src="lib/require.js"></script>
index.html
从index.html 中，我们看到<script data-main="main" src="lib/require.js"></script>
采用了 data-main 这样一个自定义属性，指定了入口js文件。跟着这条线，我们可以进入requireJS的大门。 (三）源码分析
1762行会创建 默认上下文执行环境
使用 require('person')，便是调用了这个函数。
首次调用时，便会创建 default context，
这是因为req() ===> 调用了 function newContext()。
在1922行代码处，开始处理 data-main 属性值，去加载我们这里的main.js文件。
//Look for a data-main script attribute, which could also adjust the baseUrl.
/**
* 判断是否在浏览器中运行(requireJS不止用在浏览器中）
* */
if (isBrowser && !cfg.skipDataMain) {
//Figure out baseUrl. Get it from the script tag with require.js in it.
/**
* 通过 document.getElementsByTagName('script') 拿到所有 script 的标签集合（HTMLCollection）
* */
eachReverse(scripts(), function (script) { /**然后使用 eachRevers() 倒序 script 里面的内容
* head = 如果不存在 base标签 ? head 标签元素 ： base.parentNode
* 如果head不存在，拿到script里面的父元素
*/
if (!head) {
head = script.parentNode;
} dataMain = script.getAttribute('data-main'); /**dataMain= main.js*/
if (dataMain) {
//Preserve dataMain in case it is a path (i.e. contains '?')
mainScript = dataMain; //Set final baseUrl if there is not already an explicit one.
if (!cfg.baseUrl) {
/**
* src 已经变成数组，出队列，mainScript=main.js
* */
src = mainScript.split('/');
mainScript = src.pop();
subPath = src.length ? src.join('/') + '/' : './'; /***
* src.length=0,cfg.baseUrl='./'
* 目的是与 main.js 统一目录
* */
cfg.baseUrl = subPath;
} /** 正则匹配，mainScript=main,此时去掉 .js 后缀，看起来更像是一个 module */
mainScript = mainScript.replace(jsSuffixRegExp, ''); //If mainScript is still a path, fall back to dataMain
if (req.jsExtRegExp.test(mainScript)) {
mainScript = dataMain;
} /** 将主入口js文件放入 加载的配置文件列表中，将对 main.js 进行加载 ---req(cfg) */
cfg.deps = cfg.deps ? cfg.deps.concat(mainScript) : [mainScript]; return true;
}
});
}
经过上述代码的处理，cfg.deps值已经发生改变，已包括 main.js，接下来便要去获取 main.js中的内容，以及与它相关联的内容。