2017/3/22 RequireJS 中文网
http://www.requirejs.cn/ 3/23
});
// Start the main app logic.
requirejs([ 'jquery' , 'canvas' , 'app/sub' ],
function ($, canvas, sub) {
//jQuery, canvas and the app/sub module are all
//loaded and can be used here now.
});
注意在示例中，三方库如 jQuery 没有将版本号包含在他们的文件名中。我们建议将版本信息放置在单独的文件中来进行跟踪。
使用诸如 volo 这类的工具，可以将 package.json 打上版本信息，并在磁盘上保持文件名为 "jquery.js" 。这有助于你保持配置的最
小化，避免为每个库版本设置一条 path 。例如，将 "jquery" 配置为 "jquery-1.7.2" 。
理想状况下，每个加载的脚本都是通过 define() 来定义的一个模块；但有些 "浏览器全局变量注入 " 型的传统 / 遗留库并没有使用
define() 来定义它们的依赖关系，你必须为此使用 shim config 来指明它们的依赖关系。 如果你没有指明依赖关系，加载可能报
错。这是因为基于速度的原因， RequireJS 会异步地以无序的形式加载这些库。
data-main 入口点
§ 1.2
require.js 在加载的时候会检察 data-main 属性 :
<!--when require.js loads it will inject another script tag
(with async attribute) for scripts/main.js-->
<script data-main= "scripts/main" src= "scripts/require.js" ></ script >
你可以在 data-main 指向的脚本中设置模板加载 选项，然后加载第一个应用模块。 .注意：你在 main.js 中所设置的脚本是异步加
载的。所以如果你在页面中配置了其它 JS加载，则不能保证它们所依赖的 JS 已经加载成功。
例如：
<script data-main= "scripts/main" src= "scripts/require.js" ></ script >
<script src= "scripts/other.js" ></ script >
// contents of main.js:
require.config({
paths: {
foo: 'libs/foo-1.1.3'
}
});
// contents of other.js:
// This code might be called before the require.config() in main.js
// has executed. When that happens, require.js will attempt to
// load 'scripts/foo.js' instead of 'scripts/libs/foo-1.1.3.js'
require( [ 'foo' ], function ( foo ) {
});
定义模块
§ 1.3
模块不同于传统的脚本文件，它良好地定义了一个作用域来避免全局名称空间污染。它可以显式地列出其依赖关系，并以函数
(定义此模块的那个函数 ) 参数的形式将这些依赖进行注入，而无需引用全局变量。 RequireJS 的模块是模块模式的一个扩展，其
好处是无需全局地引用其他模块。
